kit

Stamp

Built revision v17.10.0

React
Topics

Human support

Bring a missing role, layout, or state, or a rendering against the standard, to the session working on kit. Name the package and the entry.

On Shell, Home, List, Record, Stepped flow, Settings, Help, Issued document

Stamp, attention

Payment overdue

Failed · Recipient address refused

Source
@react.component
let make = () => {
  <div className="specimen-stamps">
    <KitReact.Roles.Stamp state=Attention>{React.string("Payment overdue")}</KitReact.Roles.Stamp>
    <KitReact.Roles.Stamp state=Attention element=P>
      {React.string("Failed ·\u00A0Recipient address refused")}
    </KitReact.Roles.Stamp>
  </div>
}

Stamp, alert

Delivery failed

Anomaly open · Cash count short

Source
@react.component
let make = () => {
  <div className="specimen-stamps">
    <KitReact.Roles.Stamp state=Alert>{React.string("Delivery failed")}</KitReact.Roles.Stamp>
    <KitReact.Roles.Stamp state=Alert element=P>
      {React.string("Anomaly open ·\u00A0Cash count short")}
    </KitReact.Roles.Stamp>
  </div>
}

Stamp, settled

Invoice paid

Place confirmed

Place confirmed
Source
@react.component
let make = () => {
  <div className="specimen-stamps">
    <KitReact.Roles.Stamp state=Settled>{React.string("Invoice paid")}</KitReact.Roles.Stamp>
    <div id="stamp-standalone">
      <KitReact.Roles.Stamp state=Settled element=P>
        {React.string("Place confirmed")}
      </KitReact.Roles.Stamp>
    </div>
    <div id="stamp-inline-reference">
      <KitReact.Roles.Stamp state=Settled>{React.string("Place confirmed")}</KitReact.Roles.Stamp>
    </div>
  </div>
}

Stamp, settled-ended

ConfirmedCancelled

Source
@react.component
let make = () => {
  <p className="specimen-stamps">
    <KitReact.Roles.Stamp state=Settled>{React.string("Confirmed")}</KitReact.Roles.Stamp>
    <KitReact.Roles.Stamp state=SettledEnded>{React.string("Cancelled")}</KitReact.Roles.Stamp>
  </p>
}

Stamp, neutral

Draft
Source
@react.component
let make = () => {
  <div className="specimen-stamps">
    <KitReact.Roles.Stamp state=Neutral>{React.string("Draft")}</KitReact.Roles.Stamp>
  </div>
}