Boolean
$expansion-panel-disable-everything: false !default;
Boolean
$expansion-panel-disable-margin-top-transition: false !default;
Number
$expansion-panel-padding: spacing.get-var(md) !default;
Number
$expansion-panel-spacing: spacing.get-var(md) !default;
Number
$expansion-panel-button-spacing: spacing.get-var(sm) !default;
Number
$expansion-panel-rotate-from: icon.$rotate-from !default;
Number
$expansion-panel-rotate-to: icon.$rotate-to !default;
Number
$expansion-panel-box-shadow-overlay-height: 10px !default;
Number
$expansion-panel-box-shadow-overlay-bottom: -6px !default;
mixin
@mixin styles($disable-layer: false) { … }
Set to true
to disable all the styles
Set to true
to disable the transition when panels are expanded in a group.
The amount of padding to apply to the clickable area in the
ExpansionPanel
.
The margin-top
to apply between expanded expansion panels
The gap
to apply between elements in the clickable area in the
ExpansionPanel
.
The degrees to start the rotation animation for the expansion panel icon.
The degrees to end the rotation animation for the expansion panel icon.
Change this value if borders/box-shadow are visible while the
ExpansionPanel
component is collapsed in a group.
Change this value if borders/box-shadow are visible while the
ExpansionPanel
component is collapsed in a group.
Generates all the styles based on feature flags.
Set this to true
to disable the layer behavior