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
  a021db6e_3ecc_5396_4fa5_b60611eabb7f["BadgeDemo()"]
  a792083d_4f69_a864_0f6e_7dbb5265c465["badge-demo.tsx"]
  a021db6e_3ecc_5396_4fa5_b60611eabb7f -->|defined in| a792083d_4f69_a864_0f6e_7dbb5265c465
  style a021db6e_3ecc_5396_4fa5_b60611eabb7f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/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>
  )
}