ButtonGroupNested() — ui Function Reference

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

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ ButtonGroupNested() — ui Function Reference

Dependency Diagram

graph TD
  5c479679_c517_10a3_0cd9_dadead3897fb["ButtonGroupNested()"]
  990528c0_8fb0_6dac_80fe_99168667f05d["button-group-nested.tsx"]
  5c479679_c517_10a3_0cd9_dadead3897fb -->|defined in| 990528c0_8fb0_6dac_80fe_99168667f05d
  style 5c479679_c517_10a3_0cd9_dadead3897fb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(app)/(root)/components/button-group-nested.tsx lines 7–31

export function ButtonGroupNested() {
  return (
    <ButtonGroup>
      <ButtonGroup>
        <Button variant="outline" size="sm">
          1
        </Button>
        <Button variant="outline" size="sm">
          2
        </Button>
        <Button variant="outline" size="sm">
          3
        </Button>
      </ButtonGroup>
      <ButtonGroup>
        <Button variant="outline" size="icon-sm" aria-label="Previous">
          <ArrowLeftIcon />
        </Button>
        <Button variant="outline" size="icon-sm" aria-label="Next">
          <ArrowRightIcon />
        </Button>
      </ButtonGroup>
    </ButtonGroup>
  )
}