ButtonGroupOrientation() — ui Function Reference

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

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ ButtonGroupOrientation() — ui Function Reference

Dependency Diagram

graph TD
  128d7276_4378_de7b_db0a_ecf442a428d3["ButtonGroupOrientation()"]
  1f383443_aa7e_c173_973f_0ad13374983d["button-group-orientation.tsx"]
  128d7276_4378_de7b_db0a_ecf442a428d3 -->|defined in| 1f383443_aa7e_c173_973f_0ad13374983d
  style 128d7276_4378_de7b_db0a_ecf442a428d3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/button-group-orientation.tsx lines 5–20

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>
  )
}