SignGateBadge

The state of an agreement, as a badge.

SourcePackage @kerf-js/veneer

Preview

tsx

import { SignGateBadge } from '@kerf-js/veneer'import type { SignStatus } from '@kerf-js/veneer'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 @kerf-js/veneer

Usage

tsx

import { SignGateBadge } from '@kerf-js/veneer'<>  {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 veneer's parts keep their roles and labels.

API Reference

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

RelatedSign gate