Badge
Shadcn Docs
Import
import { Badge } from '247-components-ui/v2';Props
| Prop | Type | Default |
|---|---|---|
size | ’sm’ | ‘md’ | "sm" |
variant | ’default’ | ‘secondary’ | ‘destructive’ | ‘outline' | 'default’ |
className | string | — |
dataTestId | string | — |
Usage
Basic
Badge
Secondary
Destructive
Outline
Size
Badge
Badge
Badge
Badge
Badge
Color
Success
Warning
Error
With Icon
Secondary
Outline
Closable
Closable
Dot Badge
Dot Badge
Outline
8
Other Examples
Success
Warning
Error
outline
We’ve just released a new featureoutline
We’ve just released a new featuresuccess
We’ve just released a new featuresuccess
We’ve just released a new featureLast updated on