Files patterns

3 patterns built for files interfaces.

Quick Select
A dropdown for two or three choices makes you open a list, read it and aim at a row — three steps to flip something you already understood.
SelectionProductivityFilesEditor
- Keyboard
- Touch
- Responsive
- Reduced motion
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