Badge
Badges are used to highlight important information.
'use client'import { Badge } from '@nerdfish/ui'export function BadgeExample() {return <Badge>badge</Badge>}
Usage
import { Badge } from '@nerdfish/ui'
<Badge>Badge</Badge>
Examples
Default
'use client'import { Badge } from '@nerdfish/ui'export function BadgeExample() {return <Badge>badge</Badge>}
Secondary
'use client'import { Badge } from '@nerdfish/ui'export function BadgeSecondaryExample() {return <Badge variant="secondary">badge</Badge>}
Danger
'use client'import { Badge } from '@nerdfish/ui'export function BadgeDangerExample() {return <Badge variant="danger">badge</Badge>}
Outline
'use client'import { Badge } from '@nerdfish/ui'export function BadgeOutlineExample() {return <Badge variant="outline">badge</Badge>}
Success
'use client'import { Badge } from '@nerdfish/ui'export function BadgeSuccessExample() {return <Badge variant="success">badge</Badge>}