SaladUI
Salad UI Components
Badge
Quick search...
⌘K
SaladUI
Welcome
Examples
Salad UI Components
Alert
Avatar
Badge
Breadcrumb
Button
Card
Checkbox
Dialog
Dropdown Menu
Form
Hover Card
Input
Label
Menu
Pagination
Progress
Radio Group
Scroll Area
Select
Separator
Sheet
Skeleton
Slider
Switch
Tab
Table
Textarea
Tooltip
- 0.6.1
Welcome
Welcome
Convert Shadui
Examples
Convert Shadui
Core Components
Examples
Core Components
Demo
Examples
Demo
Server Event
Examples
Server Event
Alert
Salad UI Components
Alert
Avatar
Salad UI Components
Avatar
Badge
Salad UI Components
Badge
Breadcrumb
Salad UI Components
Breadcrumb
Button
Salad UI Components
Button
Card
Salad UI Components
Card
Checkbox
Salad UI Components
Checkbox
Dialog
Salad UI Components
Dialog
Dropdown Menu
Salad UI Components
Dropdown Menu
Form
Salad UI Components
Form
Hover Card
Salad UI Components
Hover Card
Input
Salad UI Components
Input
Label
Salad UI Components
Label
Menu
Salad UI Components
Menu
Pagination
Salad UI Components
Pagination
Progress
Salad UI Components
Progress
Radio Group
Salad UI Components
Radio Group
Scroll Area
Salad UI Components
Scroll Area
Select
Salad UI Components
Select
Separator
Salad UI Components
Separator
Sheet
Salad UI Components
Sheet
Skeleton
Salad UI Components
Skeleton
Slider
Salad UI Components
Slider
Switch
Salad UI Components
Switch
Tab
Salad UI Components
Tab
Table
Salad UI Components
Table
Textarea
Salad UI Components
Textarea
Tooltip
Salad UI Components
Tooltip
Badge
Stories
Playground
Source
Stories
Playground
Source
Renders a badge component
Read more
Read less
Examples
<.badge>Badge</.badge> <.badge variant="destructive">Badge</.badge>
Preview
Code
Badge
Attributes
Event logs
Attribute
Type
Documentation
Default
Value
class
:string
variant
:string
the badge variant style
"default"
default
secondary
destructive
outline
rest
:global
Required
inner_block
*
:slot
Badge
Open a variation
Default
Color variations with `variant` attribute.