Skip to the page
Tactile UI

Kit parts

Receipt

The record of a payment, printed on a slip of thermal paper: who was paid, the receipt number, when and with what, the lines and the sums, any refunds, and a rubber stamp that says where it stands, Paid, Part refunded, Refunded, Due or Void, with a lamp beside the word. It is what an order page, a billing history or the screen after checkout keeps; the order summary prices an order before it is paid. Under the slip are Print (only the slip goes to the printer), Download when there is a file, and Copy number. The sums are the order summary’s own, in whole minor units, never floating point.

On this page
  1. Anatomy
  2. Variants
  3. States
  4. Props and options
  5. Usage notes
  6. Accessibility
  7. Related parts

Seats open in 11 days. Want one email that morning?

Anatomy

The paper is the ticket toast’s and the printer’s thermal stock, torn at the head and the foot. The sums are the order summary’s own BigInt arithmetic, printed by the money field’s formatting; the lines are a table set in the kit’s mono face and ruled off with dashes. The stamp is printed ink with a kit lamp beside its word. Copy number is the copy key. No colour is added.

Variants

  • Part refunded
  • VAT added, not included · no tax-included
  • Not paid yet
  • Yen, no decimals
  • With its keys · download

States

  • Paid
  • Part refunded
  • Refunded
  • Due
  • Void

Props and options

NameKindDescription
merchant · address · number · date · paid-withattributeWho was paid, the receipt number, when (printed as written, in the locale’s words: “9 October 2026, 14:32”) and with what.
li[data-price][data-qty]markupA line: its unit price in minor units and how many. The line total and the sums are worked out with BigInt, half up.
li[data-discount][data-percent | data-amount]markupA cut off the subtotal, never more than is left.
li[data-refund][data-amount][data-date]markupMoney given back: printed under what was paid, never more than was paid.
p (after the list)markupThe note at the foot of the slip.
statusattribute · propertyWhere it stands. Left out it is worked out from the refunds; due prints the balance due, void prints nothing charged.
currency · locale · tax-rate · tax-label · tax-included · shippingattributeAs the order summary takes them.
download · download-label · no-keysattributeA file for the slip, which adds a Download key; no-keys leaves the keys out.
print() · refresh()methodAdd a refund and draw it again; send only the slip to the printer; read the list again after the page changed it.
totals · refundspropertyThe sums (subtotal, discount, tax, shipping, total, refunded, paid, due) and the refunds.
receiptStatus() · receiptDate() · receiptSums() · receiptBody() · receiptHTML()functionThe stamp, the date in words, the sums, and the slip as markup, for a server or a specimen.

Usage notes

Press Refund the mug: a refund line is printed under what was paid, the stamp turns to Part refunded with an amber lamp, and the net paid is worked out again. Refund the rest and it reads Refunded. Print sends only the slip to the printer.

Accessibility

  • The lines and the sums are one table with a caption and column heads, a row to each line, so a screen reader walks it as a till prints it: the name, how many at what, and the amount.
  • The stamp is a word, Paid, Part refunded, Refunded, Due or Void, with the lamp beside it as decoration; no meaning rests on the lamp’s colour. A refund is said once in a polite status line. Part refunded.”
  • Print, Download and Copy number are real keys and a link, in the order they are read, reached with Tab and pressed with Enter (or Space for the keys); the slip itself has no tab stop, since nothing on it is pressed; Copy number is the kit’s copy key, whose lamp and status line say it copied, and it falls back to selecting the text when the clipboard says no.
  • The paper is light in every finish, and its print holds the kit’s contrast on it; a cut is printed with a true minus, never in red. Printing drops the paper, the shadow and the keys and sets the slip in black on white.
  • It has no motion.

Order summary

The priced lines of an order, printed like a till slip: a name, a unit price, a quantity and a line total on each, then a ruled block of totals in the spec list’s hand with the subtotal, any discounts as cuts, shipping, tax and a total set heavier under a double rule. Where the lines are editable each carries a quantity stepper and a Remove key, and every figure below is worked out again as one changes. Money is whole minor units and BigInt, never a float, and is shown by the money field’s own formatter, so pounds have two decimals, yen none and dinars three.

Ticket toast

A toast issued like a numbered ticket from a dispenser. A short slip of thermal paper with a number, a line of words and, if it needs one, an action key slides out of a slot at the edge of the screen. Several fan a little. Tear one off with a swipe or its close key, or leave it and it retracts by itself, on a timer that stops while you are reading it.

Copy key

A key that copies a value and says so. Its lamp sits dark in the cap; when the text is on the clipboard the lamp lights, winks once, and the legend says Copied before it goes back to Copy. If the browser refuses the clipboard, the text is selected for the keyboard and the lamp lights amber.

Money field

An amount of money in the field’s well, with its currency printed on the floor at the left (the symbol and the code, or a native select when several are offered).

Spec list

Key and value facts, printed like the plate on the back of a device.