Boolean$menu-disable-everything: false !default;Set to true to disable all the styles
Boolean$menu-disable-menu-item: false !default;Set to true if the MenuItem component won't be used for some reason.
Boolean$menu-disable-menu-item-group: false !default;Set to true to if the MenuItemGroup component will not be used.
Boolean$menu-disable-menu-item-checkbox: $disable-menu-item or
input-toggle.$disable-checkbox !default;Set to true to disable the MenuItemCheckbox styles.
Boolean$menu-disable-menu-item-radio: $disable-menu-item or input-toggle.$disable-radio !default;Set to true to disable the MenuItemRadio styles.
Boolean$menu-disable-menu-item-switch: $disable-menu-item or
switch.$disable-menu-item-switch !default;Set to true to disable the MenuItemSwitch styles.
Boolean$menu-disable-elevation-colors: theme.$disable-dark-elevation !default;Set to true to disable the dark mode elevation colors for the Menu.
Number$menu-elevation: 8 !default;This should be a number between 0-24 representing the box-shadow elevation of the Menu.
Color$menu-background-color: theme.theme-get-var(surface-color) !default;The default background color to apply to a Menu.
Color$menu-color: theme.theme-get-var(text-primary-color) !default;The default text color to apply to a Menu.
Number$menu-z-index: utils.$temporary-element-z-index !default;The default z-index for a `Menu.
Number$menu-min-width: 7rem !default;The min width for a Menu.
Number$menu-spacing: spacing.get-var(md) !default;The gap to apply to elements within the MenuItem.
List$menu-variables: (background-color, color, min-width, spacing);The available configurable css variables and mostly used internally for the
get-var, set-var, and use-var utils.
mixin@mixin set-var($name, $value) { … }| Name | Description | Type | Default Value |
|---|---|---|---|
$name | The supported variable name | String | — |
$value | The value to set the variable to. Supports | any | — |
mixin@mixin use-var($property, $name: $property, $fallback: null) { … }mixin@mixin menu-styles { … }Generates the Menu component styles.
NOTE: This should only be used if not using the styles mixin.
mixin@mixin menu-item-styles { … }Generates the MenuItem component styles.
NOTE: This should only be used if not using the styles mixin.
mixin@mixin menu-item-group-styles { … }Generates the MenuItemGroup component styles.
NOTE: This should only be used if not using the styles mixin.
mixin@mixin menu-item-input-toggle-styles { … }Generates the MenuItemCheckbox, MenuItemRadio, and MenuItemSwitch styles.
mixin@mixin variables { … }Conditionally applies the css variables based on feature flags
mixin@mixin styles($disable-layer: false) { … }Generates all the styles based on feature flags.
| Name | Description | Type | Default Value |
|---|---|---|---|
$disable-layer | Set this to | Boolean | false |
function@function get-var($name, $fallback: null) { … }Stringa var() statement
| Name | Description | Type | Default Value |
|---|---|---|---|
$name | The supported variable name | String | — |
$fallback | An optional fallback value | any | null |