ButtonGroupSplit() — ui Function Reference

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

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ ButtonGroupSplit() — ui Function Reference

Dependency Diagram

graph TD
  2e0c50bc_6f51_2193_8dc3_aa99ebe47e03["ButtonGroupSplit()"]
  e1d81432_1397_a624_497b_6b27aa226535["button-group-split.tsx"]
  2e0c50bc_6f51_2193_8dc3_aa99ebe47e03 -->|defined in| e1d81432_1397_a624_497b_6b27aa226535
  style 2e0c50bc_6f51_2193_8dc3_aa99ebe47e03 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/button-group-split.tsx lines 8–18

export default function ButtonGroupSplit() {
  return (
    <ButtonGroup>
      <Button variant="secondary">Button</Button>
      <ButtonGroupSeparator />
      <Button size="icon" variant="secondary">
        <IconPlus />
      </Button>
    </ButtonGroup>
  )
}