Sections
Components
- Alert banner
- Alert dialog
- Alert
- Avatar
- Badge
- Breadcrumb
- Button
- Calendar icon
- Cell layout
- Cell link
- Checkbox
- Collapse
- Control label
- Date picker
- Dialog
- Divider
- Drawer
- Empty cell
- Empty state
- Empty
- Error overlay
- Filter bar
- Filter chips
- Flex
- Grid layout
- Humanised date
- Icon
- Duration input
- Input field
- Input
- Label
- Loader
- More actions
- Number input
- Outside click
- Page loader
- Page
- Popconfirm
- Popover
- Progress pie
- Progress
- Radio button group
- Radio Group
- Radio
- Relative time
- Resizable
- Search input
- Select
- Skeleton text
- Skeleton
- Space
- Squad avatar list
- Status picker
- Stepper
- Switch
- Content switcher
- Table light
- Tabs
- Tag
- Text
- Textarea
- Toast
- Tooltip
- Trigger select
- Upload
<rl-badge color="blue">Badge</rl-badge>Examples#
Color#
<rl-badge color="green">Green</rl-badge>
<rl-badge color="red">Red</rl-badge>
<rl-badge color="gray">Gray</rl-badge>API#
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "default" | "dot" | "notification" | "default" | Badge shape. |
color | "blue" | "green" | "red" | "gray" | … | — | Palette. |
disabled | boolean | false | Muted appearance. |