ButtonDemo() — ui Function Reference

Architecture documentation for the ButtonDemo() function in button-demo.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ ButtonDemo() — ui Function Reference

Dependency Diagram

graph TD
  7140caef_4386_7dd2_a4ca_976b6aa5620c["ButtonDemo()"]
  1ed46576_a886_9183_9af6_9aaf91465add["button-demo.tsx"]
  7140caef_4386_7dd2_a4ca_976b6aa5620c -->|defined in| 1ed46576_a886_9183_9af6_9aaf91465add
  style 7140caef_4386_7dd2_a4ca_976b6aa5620c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/button-demo.tsx lines 4–13

export default function ButtonDemo() {
  return (
    <div className="flex flex-wrap items-center gap-2 md:flex-row">
      <Button variant="outline">Button</Button>
      <Button variant="outline" size="icon" aria-label="Submit">
        <ArrowUpIcon />
      </Button>
    </div>
  )
}