Release Notes
Components
Avatars
Buttons
Data Visualization
Dialogs
Forms
Icons
Modules
Notifications
Themes
Type
Guidelines
Patterns
Words
Resources
Button Row
/
Design
Wrap a group of buttons with identical space between each.
The button row automatically spaces a group of related buttons with consistent margins.
Version 5+
If using Uniform Version 5 or later, please refer to our Storybook docs for the Button Row documentation and examples.
Space
Our space scale is based on a 16px unit. When creating a button row, margin sizes can range from one-eighth (2px) to four full spaces.
Usage
Button Sizes
Don'tmix and match button sizes in a single row.
Domake the buttons as similar as possible—this includes text length.
Many Buttons
Some interfaces require multiple buttons to perform actions or specific functions. In these cases, use one style of button to keep the interface from becoming overwhelming.
Don'tmix button type and style to emphasize one button among many.
Dokeep buttons consistent so as not to overload the interface.
Accessibility
Audit Results
See our full accessibility audit for more information about these results.
| Platform | Visual | Interactive | Automated | Details |
|---|---|---|---|---|
| React | N/A | Pass | Pass |
Platform
| platform | notes |
|---|---|
| Web |
|
| Apple |
|
| Android |
|
| No guidelines exist for other platforms (yet). |