Textarea

Source code
import { Textarea } from "rfui-package";

#Basic

<Textarea></Textarea>

#Controlled

See Controlled & Uncontrolled Components. Passing value and onChange work because of ...rest.
<Textarea value={value} onChange={onChange}></Textarea>

#Rounded

Set rounded to "square", "sm" or "lg". Defaults to the value of the CSS variable --default-roundedness. See "Default roundedness".
<Stack className="gap-5">
  <Textarea rounded="square"></Textarea>
  <Textarea rounded="sm"></Textarea>
  <Textarea rounded="lg"></Textarea>
</Stack>

#Disabled

Set disabled to either true or false. Defaults to false.
<Textarea disabled></Textarea>

#Readonly

Set readOnly to either true or false. Defaults to false.
<Textarea readOnly defaultValue="Example"></Textarea>

#Invalid

Set invalid to either true or false. Defaults to false.
<Textarea invalid defaultValue="Example"></Textarea>

#Props

PropRequiredDefaultType and notes
rounded--
'square' | 'sm' | 'lg'
Defaults to the value of the CSS variable --default-roundedness. See "Default roundedness".
invalid-false
boolean
children-
ComponentChild
...rest--
ComponentProps<"textarea">
See the docs for rest parameters. For Textarea, you could pass anything you normally would pass to <textarea> because the return value looks something like this:
<textarea
  className={className}
  {...resstWithoutClass}
>
  {children}
</textarea>