10.12.0

Badge

Badges can be used for notification, tags, and status. They are used for count and numbers.

Rectangle

+1
+4
+1000

Rounded

+1
+4
+1000

Colors

+1
+4
+1000
+1
+4
+1000
+1
+4
+1000
+1
+4
+1000
+1
+4
+1000
+1
+4
+1000


UI Samples using Badge Kit

Get the full picture. See how this kit is used in our samples.

Available Props

  • classname
  • dark
  • margin
  • margin_bottom
  • margin_left
  • margin_right
  • margin_top
  • margin_x
  • margin_y
  • max_width
  • padding
  • padding_bottom
  • padding_left
  • padding_right
  • padding_top
  • padding_x
  • padding_y
  • z_index
  • number_spacing
  • id
  • data
  • aria
  • children
  • rounded
  • text
  • variant