Quick links
🔑 Sign in
🖥 Website standards.site
🐦 Twitter @standards_site
📷 Instagram @standards.site
Design & Editing
In this guide:
Dropdowns are an element that can be added to your project layout and menu, and consists of four + parts: the dropdown container, the controls container, text content in controls, and the icon content in controls. Additional elements can be added into Dropdowns, such at Text and Media.
+
menu in the top bar, or use the hotkey D
.While selecting a dropdown element, the right sidebar will display the available settings for styling the container. Keep in mind: the dropdown layer is the parent containing everything within.
Dropdowns have a range of states that can be styled individually, or synced together. Both closed and open have rest and hover states.
Closed: All content other than controls are hidden.
Open: All content is exposed.
Each state can have these settings altered independently from another, or synced together.
Controls are an essential part of dropdowns with their own settings. Controls share many similarities with buttons, ****but are special because they trigger open & close behaviors on the dropdown.
While selecting the controls part of a dropdown, the right sidebar will display the available settings for styling them.
Controls have a range of states that can be styled individually, or synced together. Both open and closed have rest and hover states.
Closed: When the dropdown is closed.
Open: When the dropdown is open.
Each state can have these settings altered independently from another, or synced together.
Dropdowns have a wide range of use. Here are common uses:
Building menus with dropdowns is a great way to create grouping related items together. For example, a dropdown could contain links to the sections of a page, or links to multiple pages in a section.
Dropdowns can be used throughout the main body of Standards sites, and used to show and hide content within.