ToggleGroupVertical() — ui Function Reference

Architecture documentation for the ToggleGroupVertical() function in toggle-group-vertical.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ ToggleGroupVertical() — ui Function Reference

Dependency Diagram

graph TD
  933d0ea2_000f_a83b_7331_1f5403572ec0["ToggleGroupVertical()"]
  80d2c577_fd5e_3597_7321_8b2ab92b4980["toggle-group-vertical.tsx"]
  933d0ea2_000f_a83b_7331_1f5403572ec0 -->|defined in| 80d2c577_fd5e_3597_7321_8b2ab92b4980
  style 933d0ea2_000f_a83b_7331_1f5403572ec0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/toggle-group-vertical.tsx lines 4–23

export function ToggleGroupVertical() {
  return (
    <ToggleGroup
      type="multiple"
      orientation="vertical"
      spacing={1}
      defaultValue={["bold", "italic"]}
    >
      <ToggleGroupItem value="bold" aria-label="Toggle bold">
        <BoldIcon />
      </ToggleGroupItem>
      <ToggleGroupItem value="italic" aria-label="Toggle italic">
        <ItalicIcon />
      </ToggleGroupItem>
      <ToggleGroupItem value="underline" aria-label="Toggle underline">
        <UnderlineIcon />
      </ToggleGroupItem>
    </ToggleGroup>
  )
}