npm package: @licuido-ui/ui_text-area
Description: TextArea - Text editors are provided with operating systems and software development packages, and can be used to change files such as configuration files, documentation files and programming language source code`
Latest version: 0.0.1

# TextArea

TextArea - Text editors are provided with operating systems and software development packages, and can be used to change files such as configuration files, documentation files and programming language source code`

## Installation

```sh

npm i @licuido-ui/ui_text-area
```

## Import component

```jsx
import { TextArea } from '@licuido-ui/ui_text-area';
```

## Usage

```jsx
<TextArea
  placeholder=''
  handleChange={handleChange}
  reactQuillProps={{}}
  //   value={text}
  reverseToolbarSx={false}
  border=''
  borderRadius=''
  inputHeight=''
  minWidth='80%'
  maxWidth='80%'
  parentStyleProps={{}}
  editorStyleProps={{
    height: '200px',
  }}
  //   state={state}
  formatButtonStyleProps={{}}
  formatButtons={{
    formats: [
      'ql-bold',
      'ql-italic',
      'ql-underline',
      'ql-strike',
      // 'ql-color',
      // 'ql-background',
      'ql-list',
      'ql-script',
    ],
  }}
/>
```

### props

| Name                   | Description                                                   | Default                                                    | Control                                                           |
| ---------------------- | ------------------------------------------------------------- | ---------------------------------------------------------- | ----------------------------------------------------------------- | --- | ------------- |
| value                  | value of the input textstring                                 | -                                                          |                                                                   |
| handleChange           | handle change funtion(html: string) =&gt; void                | -                                                          | -                                                                 |
| inputHeight            | input height as propsstring                                   | -                                                          |                                                                   |
| minWidth               | min-width of the text area as propsstring                     | -                                                          |                                                                   |
| maxWidth               | max-width of the text area as propsstring                     | -                                                          |                                                                   |
| reverseToolbarSx       | reverse order of the text area &amp; toolbarboolean           | -                                                          | FalseTrue                                                         |
| border                 | border of the parent as propsstring                           | -                                                          |                                                                   |
| borderRadius           | border radius of the parent as propsstring                    | -                                                          |                                                                   |
| parentStyleProps       | parent style as propsSxProps&lt;{}&gt;                        | -                                                          | RAWparentStyleProps : {}                                          |
| editorStyleProps       | editor style as propsSxProps&lt;{}&gt;                        | -                                                          | RAWeditorStyleProps : {}                                          |
| formatButtonStyleProps | format button div as propsSxProps&lt;{}&gt;                   | -                                                          | RAWformatButtonStyleProps : {}                                    |
| placeholder            | placeholder for text editor as propsstring                    | -                                                          |                                                                   |
| formatButtons          | EditorFormatButtons                                           | -                                                          | RAWformatButtons : {formats : [...] 0 items}                      |
| reactQuillProps        | ReactQuillProps                                               | -                                                          | RAWreactQuillProps : {}                                           |
| state                  | ({ className: string; options: string[]; value?: undefined; } | { className: string; value: string; options?: undefined; } | { className: string; options?: undefined; value?: undefined; })[] | -   | RAWstate : [] |