Design System FAQ
Frequent asked questions
Table
How should truncation work in table cells?
Where should the expand row button be placed in tables?
How does column sorting work across pages in tables?
What is the expected behavior for the “Select All” checkbox across pagination?
Banners and Notifications
Where should banners be placed on a page?
Can banners be used within accordions?
How do we handle dynamic content in banners?
Actions
How many buttons should I show?
What happens if I have more than 5 actions?
How many primary buttons can I have?
What if I have multiple “primary” actions?
Can the primary button be “Cancel” in a confirmation modal?
Form Components
What is the standard for validating form fields?
How should we handle required fields that depend on other inputs?
Do we have a password input component?
Navigation Patterns
How do we handle tabs that exceed the available space?
Should we use both vertical and horizontal navigation in Settings pages?
What are the recommended patterns for sub-navigation?
Is it okay to use a sidepanel in the full page modal?
Component Variants
Do we have icons within select dropdowns?
Is there a disabled tab variant?
How do we handle middle truncation in components?
Accessibility
How do we handle tooltips on disabled elements?
Can we use standalone icons?
How should interactive components work within radio groups?
Design System Updates
How are design system updates communicated?
What do I do if I find a bug or need a component enhancement?
Why are there differences between the Spec Library and Design Library?
Iconography
When to use the square cross icon (Error) vs the triangle icon (Alert)?
When to use the small tick icon vs the success icon?
When to display the Info icon (“i”) vs the question mark (“?”) icon?
When to use horizontal vs vertical triple dots?
Logos
What are our guidelines regarding the use of OEM logos?