Registry Index

Search the catalog

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

BlockReactregistry:block2 dependencies

Button Group Interactive 4 - Segmented Control

button-group-button-group-interactive-4

Segmented Control with active state toggling between grouped buttons.

@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 Interactive 4 - Segmented Control from @shadcnblocks — the same idea in another design, language or styling.

Sort Controls with active state toggling between grouped buttons.

Open
@shadcnblocks

More from @shadcnblocks

All 806 items
Chart Line Dots Custom - A line chart with custom dots
chart-chart-line-dots-custom
Block
Bento Tile Bento19 Tile 2 - Automated task optimization
bento-tile-bento19-tile2
Block
Emoji Picker - Searchable emoji picker
emoji-picker
Component
Chart Radial Stacked - A radial chart with stacked sections
chart-chart-radial-stacked
Block
Button Outline 4 - Outline button rounded
button-button-outline-4
Block
Bento Tile Bento28 Tile 1 - Performance Optimized Assets
bento-tile-bento28-tile1
Block
Bento Tile Bento10 Tile 1 - Ultra-Visual Grid System
bento-tile-bento10-tile1
Block
Chart Line Interactive - An interactive line chart
chart-chart-line-interactive
Block