Textarea

Example

A basic implementation of the Textarea component with default styling.

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

const ExampleTextarea = () => {
  return <Textarea name="message" rows={4} placeholder="Enter your message..." variant="base" />;
};

export default App;

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} />