Skip to content
Magma
Design System
Documentation
Components
Magma
Design System
Collapse the navigation
Expand the navigation
Search
Home
Foundation
Tokens
Icons
Components
Building blocks
Patterns
Brand assets
Development
Community
Magma on GitHub
Magma Storybook
Preferences
Components
Dropdown
<mds-dropdown>
Generated from
@maggioli-design-system/magma@2.3.0
dist/documentation.json
. Encapsulation:
shadow
.
CSS custom properties
--mds-dropdown-arrow-background
Sets the fill color of the arrow.
--mds-dropdown-backdrop-duration
Sets the transition duration of the backdrop, used by component’s code too.
--mds-dropdown-backdrop-z-index
Sets the backdrop z-index, used by component’s code too.
--mds-dropdown-background
Sets the background-color of the dropdown.
--mds-dropdown-drop-shadow
Sets the drop-shadow of the dropdown.
--mds-dropdown-drop-shadow-color-rgb
Sets the color used for the dropdown shadow
--mds-dropdown-duration
Sets the duration of the dropdown animation.
--mds-dropdown-ease
Sets the easing of the dropdown animation.
--mds-dropdown-mouseover-delay
Sets the delay duration of the component when the caller trigger mouseover event, it’s used by the javascript code.
--mds-dropdown-transform-from
Sets the from animation transform of the dropdown.
--mds-dropdown-transform-to
Sets the to animation transform of the dropdown.
--mds-dropdown-z-index
Sets the z-index of the component.
Documentation
Search
Ctrl
K
Cancel