TextArea

Provides a multi-line text input field for users to enter larger amounts of text.

@arctic-kit/snow

View source code

View storybook

Usage

Description

Label

Placeholder

Size

Disabled

Read Only

import { useState } from 'react';
import { TextArea } from '@arctic-kit/snow';

function Demo() {
  const [value, setValue] = useState('');

  return (
    <TextArea
      label="Description" placeholder="Enter your description here" size="medium"
      value={value}
      onChange={(event) => setValue(event.target.value)}
    />
  );
}

API Reference

Props	Type	Default
`className`	`string \| undefined`	---
`containerClassName`	`string \| undefined`	---
`containerStyle`	`CSSProperties \| undefined`	---
`disabled`	`boolean \| undefined`	---
`errorText`	`string \| undefined`	---
`label`	`string \| undefined`	---
`maxLength`	`number \| undefined`	---
`onBlur`	`(((event: ChangeEvent<HTMLInputElement> \| ChangeEvent<HTMLTextAreaElement>) => void) & ((event: ChangeEvent<HTMLTextAreaElement>) => void)) \| undefined`	---
`onChange`	`((event: ChangeEvent<HTMLTextAreaElement>) => void) \| undefined`	---
`placeholder`	`string \| undefined`	---
`readOnly`	`boolean \| undefined`	`false`
`required`	`boolean \| undefined`	---
`size`	`"small" \| "medium" \| "large"`	`medium`
`style`	`CSSProperties \| undefined`	---
`value`	`string \| undefined`	---

Tag Text Input