Labels

Examples

Small

Blue Green Orange Red Grey

Blue Green Orange Red Grey

Medium

  • Blue
  • Green
  • Orange
  • Red
  • Grey
  • Blue
  • Green
  • Orange
  • Red
  • Grey

With cross/dismiss

  • Blue
  • Green
  • Orange
  • Red
  • Grey

With counter

  • 12 Notifications
  • 5 Completed jobs
  • 8 Alerts
  • 3 Warnings
  • 99 Changes

File labels

large.csv
filename.csv
small.csv

Code

Label with small and large options

Also showing background and text colour options (Please see the colour chart for colour and shade info)

Redgate

Label with a dismiss action

Redgate

Label with a counter

Note: You'll want to use the background and text colour options on the label__counter element also to reverse the colours

12 Redgate

File label

filename.csv