ButtonGroupOrientation() — ui Function Reference

Architecture documentation for the ButtonGroupOrientation() function in button-group-orientation.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ ButtonGroupOrientation() — ui Function Reference

Dependency Diagram

graph TD
  2f24504e_236e_332d_a700_2351d9adfd93["ButtonGroupOrientation()"]
  88e6045b_7c32_1203_ee3d_ef5e6be2e1b3["button-group-orientation.tsx"]
  2f24504e_236e_332d_a700_2351d9adfd93 -->|defined in| 88e6045b_7c32_1203_ee3d_ef5e6be2e1b3
  style 2f24504e_236e_332d_a700_2351d9adfd93 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/examples/button-group-orientation.tsx lines 6–21

export default function ButtonGroupOrientation() {
  return (
    <ButtonGroup
      orientation="vertical"
      aria-label="Media controls"
      className="h-fit"
    >
      <Button variant="outline" size="icon">
        <PlusIcon />
      </Button>
      <Button variant="outline" size="icon">
        <MinusIcon />
      </Button>
    </ButtonGroup>
  )
}