Shadcn.io is not affiliated with official shadcn/ui
Small Toggle
A small toggle button with size sm prop and BoldIcon from Lucide React for compact text formatting toolbars
Space is tight in mobile toolbars and inline editors—every pixel counts. This React toggle pattern uses size sm for compact toggle buttons with Lucide React icons. Built with shadcn/ui Toggle component and Radix UI primitives, the small size fits more formatting controls in limited space—perfect for mobile rich text editors, compact toolbars, inline formatting bars, comment editors, or any interface where dense controls maximize available formatting options without overwhelming narrow layouts or small screens.
Small Toggle preview
Installation
Related Components
Default Size Toggle
Standard medium-sized toggle button
Large Toggle
Large toggle button for prominent controls
Small Toggle Group
Group of small toggle buttons
Small Button
Small button size variant
Basic Toggle
Simple toggle button pattern
Formatting Toolbar
Rich text formatting toolbar
FAQ
Was this page helpful?
Sign in to leave feedback.