sigilUI

Textarea

Enter longer text in a multiline form control.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { Textarea } from "@sigil-ui/components";

Usage

<Textarea placeholder="Write something..." rows={3} />

Props

PropTypeDefaultDescription
errorstring | boolean—Error message — puts the textarea in error state when truthy.

Token integration

CSS VariablePurpose
--s-radius-inputRadius input
--s-border-styleBorder style
--s-borderBorder
--s-backgroundBackground
--s-textText
--s-text-mutedText muted
--s-duration-fastDuration fast
--s-primaryPrimary
--s-errorError