No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.


  

Textarea

Overview

Textarea field includes a label and a text field users can type text into. They typically appear in forms and dialogs.

This is a textarea real example

Variants

Default

States

With States Messages

Normal input

Disabled input

Error input

Success input

Props

NameDescriptionDefault
css
CSS
-
fw
"bold" | "semibold" | "medium" | "regular" | ({ "@desktop"?: "bold" | "semibold" | "medium" | "regular"; "@laptop"?: "bold" | "semibold" | "medium" | "regular"; "@tablet"?: "bold" | "semibold" | "medium" | "regular"; "@largeMobile"?: "bold" | ... 2 more ... | "regular"; "@mobile"?: "bold" | ... 2 more ... | "regular...
-
isDisabled
Whether the input is disabled.
(boolean | "true" | ({ "@desktop"?: boolean | "true"; "@laptop"?: boolean | "true"; "@tablet"?: boolean | "true"; "@largeMobile"?: boolean | "true"; "@mobile"?: boolean | "true"; "@initial"?: boolean | "true"; } & { ...; })) & boolean
-
size
any
-
status
"success" | "error" | "normal" | ({ "@desktop"?: "success" | "error" | "normal"; "@laptop"?: "success" | "error" | "normal"; "@tablet"?: "success" | "error" | "normal"; "@largeMobile"?: "success" | ... 1 more ... | "normal"; "@mobile"?: "success" | ... 1 more ... | "normal"; "@initial"?: "success" | ... 1 more ... |...
-
successMessage
string
-