ButtonGroupSplit() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ ButtonGroupSplit() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/examples/button-group-split.tsx lines 9–19

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