A compact / comfortable / spacious switch that publishes seven --density-* CSS variables to a whole subtree, with a 24px target floor the compact step cannot cross.
Files · 1
Dependencies
npm packages
lucide-react
Registry items
https://ui.zyeon.ai/r/use-controllable-state.json
https://ui.zyeon.ai/r/use-local-storage.json
utils
Registry Items
density-toggle
Configuration
Name
density-toggle
Type
UI
Description
A compact / comfortable / spacious switch that publishes seven --density-* CSS variables to a whole subtree, with a 24px target floor the compact step cannot cross.