Button [Group]
A grouped action container in Create UI. Button Group organizes related buttons into one cohesive unit, with horizontal and vertical layouts, flexible item counts, and 3 active color styles, all editable from the parent without detaching.
![Button [Group]](/_next/image?url=%2Fwebsite%2Fcomponents-button-group.png&w=3840&q=75)
Loved by 2,000+ users worldwide.
Overview
Button Group is a container component that organizes related actions into a single cohesive unit. It handles horizontal and vertical layouts, up to 8 items, 3 active color styles, and 5 sizes, all customizable directly from the parent with no detaching required, in both Figma and React.
Figma Preview
When should you use them?
Use a button group when several related actions belong together, such as a toolbar, a segmented control, or a set of view toggles. Grouping them into one unit signals that the actions are connected and keeps spacing, borders, and alignment consistent.
How should you use them?
- Group only actions that are genuinely related, like alignment options or view modes, not unrelated buttons.
- Choose horizontal for toolbars, vertical for sidebars and stacked menus.
- Use the active color style (Primary, Neutral, or Soft) to show which option is currently selected.
- Toggle middle items from the properties panel; keep the first and last items for correct border rendering.
- Switch to Icon Only mode for compact toolbars and dense action bars.
- Keep each item keyboard-focusable so the whole group stays accessible.
Questions,
answered clearly.
Plans, pricing, licensing, updates, and technical questions, all answered in one place.
Still have questions?
Your current plan is a one-time payment, no subscriptions, no recurring charges for what you buy today. Some future Create UI products (such as AI-powered features) may be offered as optional add-on subscriptions, but these are entirely separate and will never affect your existing purchase. What you buy now, you own permanently.
Stop deciding. Start shipping.
Install it today and your next screen takes an hour instead of a day. Keep rebuilding from scratch, and next quarter looks exactly like this one.
Start Free Now. Upgrade whenever you need.
