Shadcn.io is not affiliated with official shadcn/ui
Large Toggle
A large toggle button with size lg prop and UnderlineIcon from Lucide React for prominent primary formatting controls
Some actions deserve emphasis—large touch targets command attention and improve accessibility. This React toggle pattern uses size lg for prominent toggle buttons with Lucide React icons. Built with shadcn/ui Toggle component and Radix UI primitives, the large size emphasizes primary actions—perfect for accessibility-focused interfaces, touch-first tablet apps, presentation mode controls, simplified editing interfaces, or any context where larger controls reduce interaction friction and make primary formatting actions immediately obvious and easy to activate with minimal precision.
Large Toggle preview
Installation
Related Components
Small Toggle
Compact small-sized toggle button
Default Size Toggle
Standard medium-sized toggle button
Large Toggle Group
Group of large toggle buttons
Large Button
Large button size variant
Basic Toggle
Simple toggle button pattern
Large Toolbar
Toolbar with large controls
FAQ
Was this page helpful?
Sign in to leave feedback.