Expansion Panel Sass API

Variables

expansion-panel-disable-everything

$expansion-panel-disable-everything: false !default;

expansion-panel-disable-margin-top-transition

$expansion-panel-disable-margin-top-transition: false !default;

Used By

• @mixin expansion-panel-styles

expansion-panel-padding

$expansion-panel-padding: spacing.get-var(md) !default;

expansion-panel-spacing

$expansion-panel-spacing: spacing.get-var(md) !default;

expansion-panel-button-spacing

$expansion-panel-button-spacing: spacing.get-var(sm) !default;

Used By

• @mixin expansion-panel-styles

expansion-panel-rotate-from

$expansion-panel-rotate-from: icon.$rotate-from !default;

Used By

• @mixin expansion-panel-styles
• @mixin icon-variables

expansion-panel-rotate-to

$expansion-panel-rotate-to: icon.$rotate-to !default;

Used By

• @mixin expansion-panel-styles
• @mixin icon-variables

expansion-panel-box-shadow-overlay-height

$expansion-panel-box-shadow-overlay-height: 10px !default;

Used By

• @mixin expansion-panel-styles

expansion-panel-box-shadow-overlay-bottom

$expansion-panel-box-shadow-overlay-bottom: -6px !default;

Used By

• @mixin expansion-panel-styles

Mixins

expansion-panel-styles

@mixin styles($disable-layer: false) { … }

Requires

• $app-bar-disable-everything
• $expansion-panel-disable-margin-top-transition
• $divider-spacing
• $linear-duration
• $disable-has-selectors
• $expansion-panel-box-shadow-overlay-bottom
• $expansion-panel-box-shadow-overlay-height
• $expansion-panel-rotate-from
• $expansion-panel-rotate-to
• $button-disable-unstyled-utility-class
• $expansion-panel-button-spacing
• $box-padding
• $disable-focus-visible

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