Toggle

A small action with a lasting state: a toolbar tool, a paper bookmark or a descriptive preference. Native targets stay put while the painted surface responds.

Library

Cojeev UI

Framework

React

Type

ui

License

MIT

Dependencies

@radix-ui/react-toggle, class-variance-authority

Install

npx shadcn@latest add https://cojeev.com/ui/r/toggle.json

Files

• registry/cojeev/ui/toggle.tsx
• registry/cojeev/styles/toggle.css
• registry/cojeev/styles/control-appearance.css
• registry/cojeev/lib/utils.ts
• registry/cojeev/lib/appearance-tokens.ts
• registry/cojeev/lib/assembly-geometry.ts
• registry/cojeev/lib/bento-layout.ts
• registry/cojeev/lib/bloom-engine.ts

Source

https://github.com/luv-jeri/cojeev-ui

Categories

• Action Components
• React Action Components
• Tailwind CSS Action Components
• shadcn/ui Action Components
• Button Components
• React Button Components
• Tailwind CSS Button Components
• shadcn/ui Button Components
• Toggle Button Components
• React Toggle Button Components
• Tailwind CSS Toggle Button Components
• shadcn/ui Toggle Button Components

More from Cojeev UI

• Appearance
• Button
• Hero button
• Theme toggle
• Accordion
• Accordion Gallery
• Action dock
• Activity feed
• Motion Adjuster
• Agent chat
• Agent state
• Alert