upstream-twenty/packages/twenty-docs/snippets/ui/generated/input/textarea.mdx

{/*
 * _____                    _
 *|_   _|_      _____ _ __ | |_ _   _
 *  | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file
 *  | |  \ V  V /  __/ | | | |_| |_| | DO NOT EDIT - changes will be overwritten
 *  |_|   \_/\_/ \___|_| |_|\__|\__, | Generated by: npx nx generate:ui twenty-docs
 *                              |___/
 *
 * This file is generated from the documentation data in packages/twenty-ui/generated.
 * To update it, edit the component prop types or design tokens in twenty-ui and run:
 *   npx nx generate:ui twenty-docs
 */}

<ParamField body="autoResize" type="boolean" default="false">
  Grows the textarea with its content instead of showing a scrollbar.
</ParamField>

<ParamField body="className" type="string | ((state: InputState) =&gt; string | undefined)">
  CSS class applied to the textarea, or a function that returns a class
  based on the input state.
</ParamField>

<ParamField body="maxRows" type="number">
  Maximum number of rows the textarea grows to when `autoResize` is set.
  Longer content scrolls.
</ParamField>

<ParamField body="onValueChange" type="((value: string, eventDetails: { reason: &quot;none&quot;; event: Event; cancel: () =&gt; void; allowPropagation: () =&gt; void; isCanceled: boolean; isPropagationAllowed: boolean; trigger: Element | undefined; }) =&gt; void)">
  Called with the new value when the textarea value changes.
</ParamField>

<ParamField body="render" type="ReactElement&lt;unknown, string | JSXElementConstructor&lt;any&gt;&gt; | ComponentRenderFn&lt;HTMLProps, {}&gt;" default="&lt;textarea /&gt;">
  Allows you to replace the component's HTML element
  with a different tag, or compose it with another component.

  Accepts a `ReactElement` or a function that returns the element to render.
</ParamField>

<ParamField body="size" type="&quot;sm&quot; | &quot;md&quot;" default="md">
  Visual size of the textarea.
</ParamField>