Forms

Textarea

Multi-line text that resizes vertically.

import { Textarea } from '@jsonresume/ui'Source(opens in a new tab)

Examples

Basic

Summary

Two or three sentences about your work.

textarea/basic.tsx

import { Field, Textarea } from '@jsonresume/ui';
import * as styles from './basic.css';

export default function TextareaBasic() {
  return (
    <Field
      label="Summary"
      hint="Two or three sentences about your work."
      className={styles.root}
    >
      <Textarea defaultValue="Full stack developer with 15+ years building products at startups and in open source." />
    </Field>
  );
}

textarea/basic.css.ts

import { style } from '@vanilla-extract/css';

export const root = style({ width: 'min(100%, 28rem)' });

Accessibility

Works with Field like Input does.

Props

No props of its own; accepts the attributes of the element it renders.