BadgeDemo() — ui Function Reference

Architecture documentation for the BadgeDemo() function in badge-demo.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ BadgeDemo() — ui Function Reference

Dependency Diagram

graph TD
  2f587660_bdbb_2ae3_87ae_1e842abaa0fe["BadgeDemo()"]
  28c8294d_2a07_092a_f761_8699ef8ab194["badge-demo.tsx"]
  2f587660_bdbb_2ae3_87ae_1e842abaa0fe -->|defined in| 28c8294d_2a07_092a_f761_8699ef8ab194
  style 2f587660_bdbb_2ae3_87ae_1e842abaa0fe fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/badge-demo.tsx lines 3–12

export default function BadgeDemo() {
  return (
    <div className="flex w-full flex-wrap justify-center gap-2">
      <Badge>Badge</Badge>
      <Badge variant="secondary">Secondary</Badge>
      <Badge variant="destructive">Destructive</Badge>
      <Badge variant="outline">Outline</Badge>
    </div>
  )
}