Text Area Sass API

Variables

text-area-disable-everything

$text-area-disable-everything: base.$form-disable-everything !default;

text-area-disable-resizing-rows

$text-area-disable-resizing-rows: $disable-everything !default;

Used By

• @mixin text-area-textarea-container-styles
• @mixin text-area-textarea-styles

text-area-disable-resize-horizontal

$text-area-disable-resize-horizontal: $disable-everything !default;

Used By

• @mixin text-area-textarea-styles

text-area-disable-resize-vertical

$text-area-disable-resize-vertical: $disable-everything !default;

Used By

• @mixin text-area-textarea-styles

text-area-addon-top

$text-area-addon-top: spacing.get-var(lg) !default;

Used By

• @mixin text-area-textarea-container-styles

text-area-vertical-padding

$text-area-vertical-padding: calc(spacing.get-var(sm) * 1.5) !default;

text-area-variables

$text-area-variables: (height, padding);

Mixins

text-area-set-var

@mixin set-var($name, $value) { … }

Requires

• @function get-var-name
• @mixin app-bar-variables

text-area-use-var

@mixin use-var($property, $name: $property, $fallback: null) { … }

Requires

• @function app-bar-get-var

text-area-textarea-container-styles

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

Used By

• @mixin text-area-styles

Requires

• @mixin app-bar-set-var
• @mixin app-bar-use-var
• @function app-bar-get-var
• $text-area-addon-top
• $form-disable-filled-theme
• $form-disable-underlined-theme
• $text-field-underlined-label-padding-top
• $text-area-disable-resizing-rows
• $linear-duration
• $linear-timing-function

text-area-textarea-styles

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

Used By

• @mixin text-area-styles

Requires

• @mixin app-bar-use-var
• $text-area-disable-resize-horizontal
• $text-area-disable-resize-vertical
• $text-area-disable-resizing-rows

text-area-styles

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

Requires

• @mixin text-area-textarea-container-styles
• @mixin text-area-textarea-styles
• $app-bar-disable-everything

Functions

text-area-get-var

@function get-var($name, $fallback: null) { … }

Returns — String

Requires

• @function get-var-name
• @mixin app-bar-variables

Set to true to disable the TextArea styles

Set to true if the TextArea does not need to support the resize="auto" behavior.

Set to true if the resize="horizontal" will not be used for the TextArea.

Set to true if the resize="vertical" will not be used for the TextArea.

The default position for addons within a TextArea.

The default vertical padding to apply to TextArea which is useful when there is a scrollbar visible. This should normally be enough so that the floating label does not cover the content.

The available configurable css variables and mostly used internally for the get-var, set-var, and use-var utils.

The supported variable name

The value to set the variable to. Supports null which will just be a no-op.

The css property to apply the variable to

The supported variable name

An optional fallback value if the variable has not been set

Generates all the styles based on feature flags.

Set this to true to disable the layer behavior

Generates all the styles based on feature flags.

Set this to true to disable the layer behavior

Generates all the styles based on feature flags.

Set this to true to disable the layer behavior

a var() statement

The supported variable name

An optional fallback value