Textarea

Description

the /TextArea folder export three main variants of the Text areas:

Raw or normal:the default component exported from the Textarea folder import TextArea from '@/components/primitives/TextArea;

Rich text [WYSIWYG] : a wrapper on top of the tinymce (opens in a new tab)
import {RichTextEditor} from '@/components/primitives/TextArea;
IDE or Code Editor: a wrapper on top of @monaco-editor (opens in a new tab)
import {CodeEditor} from '@/components/primitives/TextArea;

<TextArea placeholder="content goes here" />

<TextArea placeholder="content goes here" isDisabled={true} size="medium" />

<TextArea placeholder="content goes here" size="xlarge" />

<RichTextEditor initialValue="Initial value" />

output:

<RichTextEditor
  initialValue="initial value"
  onEditorChange={input => {
    setContent(input);
  }}
/>

<RichTextEditor isDisabled={true} />

<CodeEditor
  defaultValue="// default value"
  size="xlarge"
  defaultLanguage="javascript"
/>

<CodeEditor size="xlarge" defaultLanguage="html" />

output:

<CodeEditor
  language="javascript"
  onChange={input => {
    setContent(input);
  }}
/>

<CodeEditor size="xlarge" defaultLanguage="html" isDisabled={true} / />

Command : npm run test:unit
Test file location : /tests/textarea.unit.test.tsx

npm run test:unit:file textarea

Command : ???
Test file location : ???

???