Textarea

A form control that allows users to enter and edit multiple lines of text.

Example

A basic implementation of the Textarea component with default styling.

import { Textarea } from "@yummacss/ui";

export default function Page() {
  return <Textarea name="message" rows={4} placeholder="Enter your message..." variant="base" />;
}

Usage

import { Textarea } from "@yummacss/ui";

<Textarea />

API reference

`variant`

Default value is base

(property) variant?: "base" | "error" | null | undefined

Custom styling

Apply custom styles to the <Textarea> component.

import { Textarea } from "@yummacss/ui";

<Textarea className="..." />;

Extend properties

Extend the <Textarea> component with the native <textarea> HTML attributes.

import { Textarea } from "@yummacss/ui";

<Textarea {...props} />;