Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

BlockReactregistry:block2 dependencies

Button Group Display 4 - Density Controls

button-group-button-group-display-4

Density Controls controls grouped as a connected button strip.

@shadcnblocksRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

4 variants

Variants of this

Other takes on Button Group Display 4 - Density Controls from @shadcnblocks — the same idea in another design, language or styling.

Timeline Controls controls grouped as a connected button strip.

Open
@shadcnblocks

More from @shadcnblocks

All 806 items
Dropdown Menu Standard 7 - Mixed features dropdown
dropdown-menu-dropdown-menu-standard-7
Block
Chart Radar Icons - A radar chart with icons
chart-chart-radar-icons
Block
Calendar Dialog 2 - Calendar with Month and Year Selector in Dialog
calendar-calendar-dialog-2
Block
Button Link 1 - Link button with text
button-button-link-1
Block
Chart Bar Label Custom - A bar chart with a custom label
chart-chart-bar-label-custom
Block
Shopping Cart 2 - Page cart with order summary
shopping-cart2
Block
Alert Warning 5 - Warning with Everything
alert-alert-warning-5
Block
Chart Radar Legend - A radar chart with a legend
chart-chart-radar-legend
Block