Expansion Panels

Variables

md-expansion-panel-font-size
$md-expansion-panel-font-size: 15px !default;
Sass (Scss)

Description

The font size for the unexpanded panel's labels.

Type

String

Used by

md-expansion-panel-secondary-font-size
$md-expansion-panel-secondary-font-size: 12px !default;
Sass (Scss)

Description

The font size for the expanded panel's secondary labels.

Type

String

Used by

md-expansion-panel-padding
$md-expansion-panel-padding: 24px !default;
Sass (Scss)

Description

The default left/right padding for an expansion panel.

Type

String

Used by

md-expansion-panel-expanded-height
$md-expansion-panel-expanded-height: 64px !default;
Sass (Scss)

Description

The height of the panel's header when expanded.

Type

String

Used by

Mixins

react-md-expansion-panels
@mixin react-md-expansion-panels($light-theme: $md-light-theme) {}
Sass (Scss)
Click to expand

Description

Includes the styles for expansion panels.

Parameters

NameDescriptionTypeDefault value
$light-theme

Boolean if using the light theme.

Boolean
$md-light-theme

Examples

Example Usage SCSS

@include react-md-expansion-panels;
Sass (Scss)

Requires

Used by

react-md-theme-expansion-panels
@mixin react-md-theme-expansion-panels($light-theme: $md-light-theme) {}
Sass (Scss)
Click to expand

Description

Updates the styles for expansion panels based on the light-theme param. If light-theme equals md-light-theme, no styles will be created.

Parameters

NameDescriptionTypeDefault value
$light-theme

Boolean if using the light theme.

Boolean
$md-light-theme

Examples

Example Usage SCSS

@include react-md-expansion-panels;
Sass (Scss)

Requires

Used by