Skip to main content Skip to navigation Skip to search

Badge

Badge Properties

Name Type Description
color 'default' | 'gray' | 'purple' | 'blue' | 'orange' | 'light-blue' | null Sets the color of the badge
status 'neutral' | 'info' | 'success' | 'warning' | 'danger' Sets the color of the badge

Badge CSS Properties

Name
--background
--border-color
--border-radius
--border-width
--color
--font-size
--font-weight
--padding
--size

Badge Slots

Name Description
Content slot for inside the badge