WELCOME
Telescope Design System > Foundations > Dropdowns
Dropdowns
Dropdowns are used to group together actions in a subview. They’re useful for hiding menus, and filters, or when have multiple actions that cannot be separate buttons called modules.
Dropdown Buttons
Small, Icon-Left=False, Icon-Right=True, Fill=True, Outline=False, Destructive=False
Dropdown
Default
Dropdown
Hover
Dropdown
Focused
Dropdown
Selected
Small, Icon-Left=True, Icon-Right=True, Fill=True, Outline=False, Destructive=False
Dropdown
Default
Dropdown
Hover
Dropdown
Focused
Dropdown
Selected
List Items
Small, Icon-Left=False, Section=False, Fill=True, Outline=False, Destructive=False
Item
Default
Item
Hover
Item
Focused
Item
Disabled
Small, Icon-Left=True, Section=False, Fill=True, Outline=False, Destructive=False
Item
Default
Item
Hover
Item
Focused
Item
Disabled
Small, Icon-Left=False, Section=True, Fill=True, Outline=False, Destructive=False
Item
Default
Item
Hover
Item
Focused
Item
Disabled
Small, Icon-Left=True, Section=True, Fill=True, Outline=False, Destructive=False
Item
Default
Item
Hover
Item
Focused
Item
Disabled
Dropdown Lists
List, Basic
List Item
List Item
List Item
List Item
List Item
List, Sections
List Item
List Item
List Item
List Item
List Item
List, Icons
List Item
List Item
List Item
List Item
List Item
List, Icons&Sections
List Item
List Item
List Item
List Item
List Item
List, Mixed
List Item
List Item
List Item
List Item
List Item
List, Sections&Items
List Item
List Item
List Item
List Item
List Item
List Item
List Item
List Item
List Item
List Item
List, Sections&Items
List Item
List Item
List Item
List Item
List Item
List Item
List Item
List Item
List Item
List Item