Textarea

import { FormField, Textarea } from '@bindshq/stance-react';

export function Basic() {
  return (
    <div style={{ width: '100%', maxWidth: 420 }}>
      <FormField label="Message to signers" description="Included in the signing request email.">
        <Textarea placeholder="Please review and sign the attached agreement by Friday." />
      </FormField>
    </div>
  );
}

import { FormField, Textarea } from '@bindshq/stance-react';

export function AutoResize() {
  return (
    <div style={{ width: '100%', maxWidth: 420 }}>
      <FormField label="Internal notes">
        <Textarea
          autoResize
          rows={2}
          maxRows={6}
          defaultValue={'Renewal terms agreed on the call.\nLegal to confirm the liability cap.'}
        />
      </FormField>
    </div>
  );
}

import { FormField, Textarea } from '@bindshq/stance-react';

export function CharacterCount() {
  return (
    <div style={{ width: '100%', maxWidth: 420 }}>
      <FormField label="Email disclaimer">
        <Textarea
          showCount
          maxLength={280}
          defaultValue="This email and any attachments are confidential and intended solely for the addressee."
        />
      </FormField>
    </div>
  );
}

import { FormField, Textarea } from '@bindshq/stance-react';

export function Invalid() {
  return (
    <div style={{ width: '100%', maxWidth: 420 }}>
      <FormField
        label="Reason for rejection"
        error="Tell the sender why you are rejecting the document"
        required
      >
        <Textarea />
      </FormField>
    </div>
  );
}