ButtonDemo() — ui Function Reference

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

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ ButtonDemo() — ui Function Reference

Dependency Diagram

graph TD
  9b9feed2_8bd7_34f0_be8b_a91dc708b9c8["ButtonDemo()"]
  88215ebe_befa_6ed5_bf81_d21b504af1aa["button-demo.tsx"]
  9b9feed2_8bd7_34f0_be8b_a91dc708b9c8 -->|defined in| 88215ebe_befa_6ed5_bf81_d21b504af1aa
  style 9b9feed2_8bd7_34f0_be8b_a91dc708b9c8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

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