Text Area Sass API

Variables

text-area-disable-everything

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

Set to true to disable the TextArea styles

text-area-disable-resizing-rows

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

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

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;

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

Used By

• @mixin text-area-textarea-styles

text-area-disable-resize-vertical

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

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

Used By

• @mixin text-area-textarea-styles

text-area-addon-top

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

The default position for addons within a TextArea.

Used By

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

text-area-vertical-padding

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

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.

text-area-variables

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

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

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) { … }

Generates all the styles based on feature flags.

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) { … }

Generates all the styles based on feature flags.

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) { … }

Generates all the styles based on feature flags.

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

a var() statement

Requires

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