ToggleGroupOutline() — ui Function Reference

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

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ ToggleGroupOutline() — ui Function Reference

Dependency Diagram

graph TD
  6d5f564a_9532_3bec_7001_4c645547d065["ToggleGroupOutline()"]
  236de76c_4a4e_e4d0_060c_aac502adc940["toggle-group-outline.tsx"]
  6d5f564a_9532_3bec_7001_4c645547d065 -->|defined in| 236de76c_4a4e_e4d0_060c_aac502adc940
  style 6d5f564a_9532_3bec_7001_4c645547d065 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/toggle-group-outline.tsx lines 3–14

export function ToggleGroupOutline() {
  return (
    <ToggleGroup variant="outline" defaultValue={["all"]}>
      <ToggleGroupItem value="all" aria-label="Toggle all">
        All
      </ToggleGroupItem>
      <ToggleGroupItem value="missed" aria-label="Toggle missed">
        Missed
      </ToggleGroupItem>
    </ToggleGroup>
  )
}