Textarea

Multi-line text at radius 14: grows to eight lines, then scrolls.

View source
import { Textarea } from "@logicplanes/kaeso-ui";

Props

  • description
    ReactNode

    One sentence of help under the label.

  • invalid
    boolean

    Shows it as invalid; pair it with a message that says what to fix.

  • label
    ReactNode

    The visible label.

  • layout
    "horizontal" | "vertical"

    The label above the control (vertical) or beside it (horizontal).

  • maxRows
    number

    Lines before it scrolls.

  • mono
    boolean

    Uses the monospace font, for code and JSON.

  • optional
    boolean

    Adds “Optional” to the label, for forms where most fields are required.

  • resize
    "auto" | "vertical"

    Grows with its content (auto) or can be resized by hand (vertical).