Homelogologo
Sponsor

Textarea

Used to get multi-line text input from the user.

Usage

The Textarea component is a styled wrapper around the native textarea element, providing consistent styling across different states and variants.

import { Textarea } from "@elemnts-ui/react" <Textarea placeholder="Type your message here..." />

Variants

Use the variant prop to change the visual style of the textarea.

  • primary: The default variant with a subtle background and border.
  • secondary: A variant with a different background color.
  • tertiary: A minimal variant without background or border.

Sizes

Use the size prop to change the size of the textarea.

Disabled State

Use the disabled prop to prevent user interaction with the textarea.

API Reference

PropTypeDefault
variantprimary | secondary | tertiaryprimary
sizexs | sm | md | lg | xlmd
asChildbooleanfalse