## Feature Examples ### Height - description:

Control the height of the text area (excluding the toolbar):

  • minHeight sets a minimum height in pixels.
  • maxHeight sets a maximum height in pixels. Once the maximum height is reached, an inner scroll appears.

    • If undefined, the text area height is dynamic and grows or shrinks based on the user input.

    - example: ```jsx ; ``` ### Status - description:

    Control this component's status by using a status prop.

  • error demonstrates that required input is missing something or the entry was invalid.
  • warning highlights an input value that might have a significant impact to a user.
  • loading shows that text is being saved.
    • - example: ```jsx ; ``` ### Status message - description:

    Add text that explains the status or what action the user should take with the statusMessage prop.

    Showing the status message inline, directly below the input area is preferred in all default cases.

  • To add an accessible inline message, wrap the component in a and add the statusMessage.
  • To add a status message in a tooltip that requires users to hover on the icon, use the statusMessage prop.

    • View more inline status message examples in .

    - example: ```jsx For all default cases: For narrow layouts only: ; ``` ### Text format - description:

    This component supports the following formatting:

  • Bold
  • Italic
  • Underline
  • Link
  • Bullet list
  • Numbered list
    • - example: ```jsx ; ``` ### Custom button labels - description:

    Customize the label for each of the formatting buttons by using a toolbarButtons prop.

    - example: ```jsx ; ``` ### Spell check - description:

    Enable standard browser spell check functionality with the spellCheck prop. This doesn't work on the IE browsers.

    - example: ```jsx ; ``` ## Common Use Case Examples ### Form - description:

    The rich text input area is often used when there are multiple paragraphs of text.

    When content is longer than a sentence or two, text formatting greatly improves readability and allows people to scan easily.

    - example: ```jsx ; ```