ButtonGroupOrientation() — ui Function Reference

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

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ ButtonGroupOrientation() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

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