import { TextArea } from "@ls-design/ui-react";

<TextArea />

<TextArea rows="6" />

<TextArea autosize />

<TextArea showcount />

<TextArea showcount maxlength="50" />

<TextArea disabled />

export default () => {
  return (
    <TextArea
      onBlur={(event) => {
        Toast.text(`${event.target.value}, blur`);
      }}
      onInput={(event) => {
        Toast.text(`${event.target.value}, input`);
      }}
      onFocus={(event) => {
        Toast.text(`${event.target.value}, focus`);
      }}
      onCompositionStart={(event) => {
        Toast.text(`${event.target.value}, compositionStart`);
      }}
    />
  );
};