[ Button Group Component ] - Allow Conditions to Change Size of Existing Buttons in a Button Group #18016
Description
🧩 Feature: Allow Conditions to Change Size of Existing Buttons in a Button Group
📝 Description
When using a single Button, Budibase allows conditions to modify the button’s size (small, medium, large). This makes it easy to create responsive layouts or adjust UI density based on state or screen size.
However, when using a Button Group, conditions are far more limited. Conditions can:
- Show/hide buttons
- Swap in new buttons
…but they cannot modify the size of the existing buttons inside the group.
This creates an inconsistency between single buttons and button groups, and it makes responsive design much harder when multiple buttons need to stay grouped together.
💡 Use Case
As a Budibase user, I want to:
- Use conditions to change the size of the existing buttons inside a Button Group.
- Adjust button sizing dynamically for mobile vs. desktop.
- Avoid duplicating buttons or entire button groups just to simulate responsive behavior.
- Keep grouped buttons visually consistent without rebuilding the group.
🔍 Current Pain Points
- Button Groups cannot change button size through conditions.
- Single Buttons can, creating inconsistent capabilities.
- To support mobile layouts, users must:
- Duplicate buttons with different sizes, or
- Duplicate entire button groups.
- This increases maintenance complexity and makes the UI harder to manage.
- Button Groups lose flexibility compared to standalone buttons.
🎯 Expected Behavior
- Conditions applied to a Button Group should allow modifying:
- Button size (small, medium, large)
- The UI should expose a “Size” option within the condition editor, similar to single buttons.
- Existing buttons should be modifiable without requiring duplicates.
🚀 Why It Matters
- Enables true responsive design for Button Groups.
- Reduces duplication and complexity in component logic.
- Brings Button Groups to parity with single buttons.
- Improves mobile usability and overall UX.
📸 Screenshots
Current
Future
📌 Additional Notes
- Single Buttons already support conditional size changes; Button Groups should offer the same flexibility.