Form Message Sass API

Variables

form-message-disable-everything

$form-message-disable-everything: base.$form-disable-everything !default;

form-message-disable-counter

$form-message-disable-counter: $disable-everything !default;

Used By

• @mixin form-message-styles

form-message-disable-inline

$form-message-disable-inline: text-field.$disable-inline !default;

Used By

• @mixin form-message-styles
• @mixin icon-styles
• @mixin text-field-container-styles

form-message-font-size

$form-message-font-size: 0.75rem !default;

form-message-typography-styles

$form-message-typography-styles: map.merge(
  typography.$body-2-styles,
  (
    font-size: $font-size,
  )
) !default;

Used By

• @mixin form-message-styles
• @mixin list-styles
• @mixin segmented-button-styles

form-message-counter-spacing

$form-message-counter-spacing: spacing.get-var(sm) !default;

Used By

• @mixin form-message-styles

form-message-margin-top

$form-message-margin-top: spacing.get-var(sm) !default;

Used By

• @mixin form-message-styles

form-message-margin-bottom

$form-message-margin-bottom: spacing.get-var(md) !default;

Used By

• @mixin form-message-styles

form-message-min-height

$form-message-min-height: 2rem !default;

Used By

• @mixin form-message-styles
• @mixin segmented-button-styles
• @mixin snackbar-styles
• @mixin tooltip-variables

Mixins

form-message-styles

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

Requires

• $app-bar-disable-everything
• $form-message-disable-inline
• $form-message-typography-styles
• $form-message-margin-top
• $form-message-margin-bottom
• $form-message-min-height
• $form-disable-filled-theme
• $form-disable-outlined-theme
• $form-disable-underlined-theme
• $form-message-disable-counter
• $form-message-counter-spacing

Set to true to disable the FormMessage/FormMessageContainer component styles. This also includes the messageProps on other form components.

Set to true if the inline counter for TextField/TextArea/Password will not be used.

Set to true to disable the inline styles for the container element.

Configure only the font-size for the FormMessage typography.

The default typography for the FormMessage component.

The gap between elements in the FormMessageCounter component .

The margin-top for the FormMessage component.

The margin-bottom for the FormMessage component.

The min-height for the FormMessage component.

Generates all the styles based on feature flags.

Set this to true to disable the layer behavior