SignGateBadge

The state of an agreement, as a badge.

SourcePackage @weft-js/warp

Preview

tsx

import { SignGateBadge } from '@weft-js/warp'import type { SignStatus } from '@weft-js/warp'export function States() {  return (    <>      {ALL_SIGN_STATES.map(status => <SignGateBadge key={status} status={status} />)}    </>  )}const ALL_SIGN_STATES: SignStatus[] = ['unsigned', 'pending', 'signed', 'expired', 'declined', 'error']

Installation

npm install @weft-js/warp

Usage

tsx

import { SignGateBadge } from '@weft-js/warp'<>  {ALL_SIGN_STATES.map(status => <SignGateBadge key={status} status={status} />)}</>

Accessibility

This has no shortcuts of its own: controls inside it use Tab, Enter and Space as usual, and warp's parts keep their roles and labels.

API Reference

Prop	Type	Default	Description
`status`	`SignStatus`	—	Where the agreement stands.

RelatedSign gate