Boolean$form-message-disable-everything: base.$form-disable-everything !default;Set to true to disable the FormMessage/FormMessageContainer component styles. This also includes the messageProps on other form components.
Boolean$form-message-disable-counter: $disable-everything !default;Set to true if the inline counter for TextField/TextArea/Password
will not be used.
Boolean$form-message-disable-inline: text-field.$disable-inline !default;Set to true to disable the inline styles for the container element.
String$form-message-font-size: 0.75rem !default;Configure only the font-size for the FormMessage typography.
Map$form-message-typography-styles: map.merge(
typography.$body-2-styles,
(
font-size: $font-size,
)
) !default;The default typography for the FormMessage component.
Number$form-message-counter-spacing: spacing.get-var(sm) !default;The gap between elements in the FormMessageCounter component .
Number$form-message-margin-top: spacing.get-var(sm) !default;The margin-top for the FormMessage component.
Number$form-message-margin-bottom: spacing.get-var(md) !default;The margin-bottom for the FormMessage component.
Number$form-message-min-height: 2rem !default;The min-height for the FormMessage component.
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 |