Search for a command to run...
Displays a badge or a component that looks like a badge.
import { Badge } from "@/components/optics/badge";<div className="flex items-center justify-center gap-4"> <Badge> Default </Badge> <Badge variant="raised"> Raised </Badge> <Badge variant="secondary"> Secondary </Badge> <Badge variant="outline"> Outline </Badge> <Badge variant="destructive"> Destructive </Badge> <Badge variant="ghost"> Ghost </Badge></div>import { Badge } from "@/components/optics/badge";<div className="flex items-center justify-center gap-4"> <Badge> Default </Badge> <Badge variant="raised"> Raised </Badge> <Badge variant="secondary"> Secondary </Badge> <Badge variant="outline"> Outline </Badge> <Badge variant="destructive"> Destructive </Badge> <Badge variant="ghost"> Ghost </Badge></div>Name | Type | |
|---|---|---|
variant | string(default: default) | |
render | string(default: undefined) |