ButtonGroupSplit() — ui Function Reference

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

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ ButtonGroupSplit() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

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