sterling-svelte  2.0.0
A modern, accessible, lightweight UI component library for Svelte.

Textarea

A multi-line text input.

Code
<script lang="ts">
  import { TextArea } from '@geoffcox/sterling-svelte';

  let value : string = '';
</script>

<TextArea bind:value resize="none" />

Members

Property NameTypeDefaultComment
autoHeightboolean | null | undefinedfalseWhen true, the text area will resize itself vertically to fit text.
resizeTextAreaResize | undefined'none'Sets the resize handle direction.

Types

Type NameDefinitionComment
TextAreaResize'none' | 'horizontal' | 'vertical' | 'both'

Considerations

  • Includes HTMLTextAreaElement props, events, and methods.

Anatomy

text area container (<div>)
  text area (<textarea>)