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

npm i @licuido-ui/ui_text-area

Import component

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

Usage

<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) => 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 & toolbarboolean | - | FalseTrue | | border | border of the parent as propsstring | - | | | borderRadius | border radius of the parent as propsstring | - | | | parentStyleProps | parent style as propsSxProps<{}> | - | RAWparentStyleProps : {} | | editorStyleProps | editor style as propsSxProps<{}> | - | RAWeditorStyleProps : {} | | formatButtonStyleProps | format button div as propsSxProps<{}> | - | 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 : [] |