Textarea

Displays a form textarea or a component that looks like a textarea.

@react.component
let make = () => <Textarea placeholder="Type your message here." />

Installation

npmyarnpnpmbun
npx shadcn@latest add @rescript-shadcn/Textarea
Copy

Usage

Copy<Textarea />

Examples

Field

Use Field, FieldLabel, and FieldDescription to create a textarea with a label and description.

@react.component
let make = () =>
  <Field>

Disabled

Use the disabled prop to disable the textarea. To style the disabled state, add the data-disabled attribute to the Field component.

@react.component
let make = () =>
  <Field dataDisabled=true>

Invalid

Use the aria-invalid prop to mark the textarea as invalid. To style the invalid state, add the data-invalid attribute to the Field component.

@@jsxConfig({version: 4, mode: "automatic", module_: "BaseUi.BaseUiJsxDOM"})

@react.component

Button

Pair with Button to create a textarea with a submit button.

@react.component
let make = () =>
  <div className="grid w-full gap-2">