[ Button Group Component ] - Allow Changing the Size of the Collapsed Button in a Button Group #18020
Description
🧩 Feature: Allow Changing the Size of the Collapsed Button in a Button Group
📝 Description
When a Button Group is set to Collapsed mode, Budibase renders a single collapsed button that expands into the full group when clicked. However, the size of this collapsed button cannot be changed. The component does not expose a size setting (small / medium / large), nor does it allow size changes through conditions.
This creates inconsistency with:
- Single Buttons (which support conditional size changes)
- Button Groups in expanded mode (where individual button sizes can be controlled)
- Responsive design needs (mobile/tablet layouts often require smaller controls)
As a result, the collapsed button may appear too large or out of proportion with the rest of the UI, especially on smaller screens.
💡 Use Case
As a Budibase user, I want to:
- Control the size of the collapsed button in a Button Group.
- Use small or compact collapsed buttons on mobile/tablet layouts.
- Apply conditional size changes based on screen size or state.
- Maintain consistent sizing between collapsed and expanded states.
🔍 Current Pain Points
- Collapsed button size is fixed and cannot be changed.
- No size option in the Button Group settings.
- No way to modify size through conditions.
- Collapsed button may appear oversized on mobile layouts.
- Inconsistent with single buttons, which already support size control.
🎯 Expected Behavior
- Button Groups in Collapsed mode should expose a Size setting:
- Small
- Medium
- Large
- Size should be:
- Configurable in the Settings panel
- Modifiable through Conditions (matching single button behavior)
- Collapsed button should visually match the selected size.
🚀 Why It Matters
- Enables consistent responsive design.
- Reduces UI clutter on mobile/tablet layouts.
- Brings Button Groups to parity with single buttons.
- Improves overall polish and usability of collapsed actions.
📸 Screenshots
Current
Future
📌 Additional Notes
- This enhancement aligns with existing component behavior and would not break current apps.
- Conditional size control would be especially valuable for responsive layouts.