/

<Textarea> Component

Share
Code Editor


<>

  <div style={{ padding: 16 }}>

    <Textarea field={{ name: 'input' }} placeholder="Placeholder" label="Label" />

    <Textarea field={{ name: 'input' }} placeholder="Placeholder" label="Label" error="Error message" />

  </div>

  <div style={{ padding: 16, backgroundColor: 'black' }}>

      <Textarea appearance="dark" field={{ name: 'input' }} placeholder="Placeholder" label="Label" />

      <Textarea appearance="dark" field={{ name: 'input' }} placeholder="Placeholder" label="Label" error="Error message" />

    </div>

    <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '24px', padding: '16px' }}>

        <Textarea field={{ name: 'input' }} label="Label" helpText="Help Text" error="Error message" />

        <Textarea field={{ name: 'input' }} label="Label" />

        </div>

</>