With label

Switch paired with an accessible field label.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Install

pnpm dlx shadcn@latest add @flx/switch-02

Files

• registry/patterns/switch/switch-02.tsx
• src/components/ui/field.tsx
• src/components/ui/switch.tsx
• src/lib/utils.ts
• src/components/ui/label.tsx
• src/components/ui/separator.tsx

Source

https://github.com/felipemenezes098/ui-flx

Categories

• Input Components
• React Input Components
• Tailwind CSS Input Components
• shadcn/ui Input Components
• Switch Components
• React Switch Components
• Tailwind CSS Switch Components
• shadcn/ui Switch Components

More from FLX UI

• Notification settings
• Settings row
• Integrations
• Channel Matrix
• Grouped Toggles
• Digest Frequency
• Basic
• With description
• Sizes
• Disabled
• Theme toggle
• Icon in thumb