Nocturnal Pumpkin Maelstrom

    @chakra-xui/textarea
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.3 • Public • Published

    Textarea

    The Textarea component allows you to easily create multi-line text inputs.

    Installation

    yarn add @chakra-xui/textarea

    Import component

    import { Textarea } from "@chakra-xui/textarea"

    Basic Usage

    <Textarea defaultValue="This is a textarea" placeholder="A simple textarea" />

    Disabled

    Pass the isDisabled prop to put the textarea in the disabled state

    <Textarea isDisabled placeholder="A disabled textarea" />

    Invalid

    Pass the isInvalid prop to put the textarea in the invalid state

    <Textarea isInvalid placeholder="An invalid textarea" />

    Sizes

    Pass the size prop to change the size of the textarea

    <>
      <Textarea
        size="sm"
        placeholder="A sample placeholder"
        defaultValue="This is a small textarea"
      />
      <Textarea
        placeholder="A sample placeholder"
        defaultValue="This is a default textarea"
      />
      <Textarea
        size="lg"
        placeholder="A sample placeholder"
        defaultValue="This is a large textarea"
      />
    </>

    Resize

    Pass the resize prop to resize to textarea in the vertical or horizontal direction

    <Textarea placeholder="Here is a sample placeholder" resize="horizontal" />

    Install

    npm i @chakra-xui/textarea

    DownloadsWeekly Downloads

    3

    Version

    1.0.3

    License

    MIT

    Unpacked Size

    22.7 kB

    Total Files

    13

    Last publish

    Collaborators

    • meabed