Boolean$label-disable-everything: base.$form-disable-everything !default;Set to true to disable all the Label styles
Boolean$label-disable-floating: $disable-everything !default;Set to true to disable only the floating Label styles
Boolean$label-disable-text-field-container: false !default;Set to true to disable the styles that set the label active styles while an element in the TextFieldContainer has focus.
Boolean$label-disable-text-field: $disable-text-field-container !default;Set to true to disable if not using the TextField, Password, and
TextArea components to remove the styles that float the label while the input or textarea has a value.
Boolean$label-disable-select: $disable-text-field-container !default;Set to true to disable if not using the Select component to remove the styles that float the label while the Select has a value.
Boolean$label-disable-native-select: $disable-text-field-container !default;Set to true to disable the styles to float the label while the
NativeSelect has a value.
Boolean$label-disable-gap: $disable-everything !default;Set to true to disable the gap property on a Label.
Boolean$label-disable-reversed: $disable-everything !default;Set to true to disable the reversed styles on a Label.
Boolean$label-disable-stacked: $disable-everything !default;Set to true to disable the stacked styles for a Label.
Boolean$label-disable-stacked-reversed: $disable-everything !default;Set to true to disable the stacked and reversed styles for a Label.
Number$label-gap: spacing.get-var(sm) !default;The spacing between elements in a Label.
Number$label-font-size: 1em !default;The default Label font size.
Map$label-typography: map.merge(
typography.$body-1-styles,
(
font-size: $font-size,
)
) !default;The default Label typography.
Number$label-floating-y: 1rem !default;The distance from the top of the floating label container to position the Label
while not active.
Number$label-floating-y-dense: 0.9rem !default;The distance from the top of the floating label container to position the Label
while not active and the dense prop was enabled.
Number$label-floating-scale: 0.75 !default;The transform: scale() value to apply to the floating label while not active.
Number$label-floating-padding: spacing.get-var(xs) !default;The amount of padding to apply to a floating label. This is used to "cover" the outline and add some general spacing.
List$label-variables: (
floating-x,
floating-y,
floating-active-x,
floating-active-y,
active-padding,
active-background-color
);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 active-styles { … }This is probably an internal only mixin to generate update the label styles while linked component is considered active (normally focused).
mixin@mixin floating-active-styles { … }This is probably an internal only mixin to generate update the label styles while linked component is considered active (normally focused).
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 |