Disclosure patterns
4 patterns in this category.
Inline Overflow
A toolbar with more actions than fit has to hide some, and a dropdown moves them to a different surface where they stop feeling like siblings of the primary actions.
DisclosureProductivityEditorFiles- Keyboard
- Responsive
- Reduced motion
Speed Dial
A floating action button is reachable one-handed but says nothing about what it does, and a menu that answers that arrives as a detached panel outside the thumb arc.
DisclosureProductivityMediaFiles- Keyboard
- Touch
- Responsive
- Reduced motion
Split Actions
A generic add button hides what you can actually add, and a dropdown costs a click and covers the content underneath.
DisclosureProductivityDashboard- Keyboard
- Touch
- Responsive
- Reduced motion
Splitting Accordion
An open accordion panel shares its container with every other row, so the boundary between the answer you opened and the questions you did not is ambiguous.
DisclosureProductivityOnboarding- Keyboard
- Touch
- Responsive
- Reduced motion