ToggleDemo() — ui Function Reference

Architecture documentation for the ToggleDemo() function in toggle-demo.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ ToggleDemo() — ui Function Reference

Dependency Diagram

graph TD
  e6631e8c_3403_7a6d_9330_b740140c4e3a["ToggleDemo()"]
  02549040_62fd_6b43_eff3_49af62c26f36["toggle-demo.tsx"]
  e6631e8c_3403_7a6d_9330_b740140c4e3a -->|defined in| 02549040_62fd_6b43_eff3_49af62c26f36
  style e6631e8c_3403_7a6d_9330_b740140c4e3a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/toggle-demo.tsx lines 4–11

export function ToggleDemo() {
  return (
    <Toggle aria-label="Toggle bookmark" size="sm" variant="outline">
      <BookmarkIcon className="group-data-[state=on]/toggle:fill-foreground" />
      Bookmark
    </Toggle>
  )
}