Registry Index

Search the catalog

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

ComponentReactregistry:ui6 dependencies

Button Group

button-group

Joins buttons, inputs and selects into a single segmented control on horizontal or vertical orientation, collapsing inner radii and borders. Exports ButtonGroup, ButtonGroupText, ButtonGroupSeparator.

Live, loading

Starting the live preview…

Rendered from its demo Button group Demo. 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.

Notes from the author

Wrap ai2 Buttons (and optionally Input, Select, ButtonGroupText) to fuse them into one control. ButtonGroupSeparator draws a divider between segments.
3 other registries

Similar components

Other registries' take on button-group.

1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

Usage example for the ai2 button-group component.

@ai2

More from @ai2