Skip to content
Library

Ledger

Results as a ruled ledger: a serif figure and the matter on one line, or the wide form with a summary and an outcome. Rows are a repeater. Made for law firms, agencies and anyone with numbers worth a line each.

ComponentData

Live preview

Variant
Scheme
Width
Motion

Recent results

  • $4.8MPartnership dissolution

    Recovered the client's share of a family business after a two-year dispute with a former partner.

    Verdict, 2026
  • $1.2MCommercial lease dispute

    A landlord's claim for eight years of rent, reduced to a single payment and a clean exit.

    Settled, 2026
  • DismissedNon-compete enforcement

    An injunction sought against a departing executive, dismissed on the second hearing.

    Dismissed, 2025
  • $640KConstruction defect

    Water intrusion in a new build, paid by the builder's insurer without trial.

    Settled, 2025

Results

  • $4.8MPartnership dissolution

    Recovered the client's share of a family business after a two-year dispute with a former partner.

    Verdict, 2026
  • $1.2MCommercial lease dispute

    A landlord's claim for eight years of rent, reduced to a single payment and a clean exit.

    Settled, 2026
  • DismissedNon-compete enforcement

    An injunction sought against a departing executive, dismissed on the second hearing.

    Dismissed, 2025
  • $640KConstruction defect

    Water intrusion in a new build, paid by the builder's insurer without trial.

    Settled, 2025
etchpress.com/library/ledger
Ledger

What you can build with it

Case results for a law firm, one line each. A record of projects with figures for an agency. Pricing or fees set out as ruled rows.

Props

label (text, optional heading above the rows); layout (select: compact, wide); rows (repeater: figure, matter, summary, outcome)

States shown

None interactive.

How to change it

Content and options are 3 props in the component's settings panel. Colour, type, spacing and radius follow your Automatic.css settings, so a change to the site's palette or scale changes this too. For anything else, edit the classes in the Style Manager, starting with .ledger.

ACSS tokens used

heading font family, h3, text-s, text-dark-muted, primary-dark, space-xs, space-s, space-m, border-color-dark

ACSS requirements

ACSS 4 defaults. Nothing to switch on.

Version history

Version 1.0.0, September 17, 2026: First release.

Tested with

Etch 1.6.7 and ACSS 4.0.1. Version 1.0.0.

Lifetime members

Members copy this straight into Etch, ready to paste.

Used an earlier version? How to update it

Get lifetime access
Other builders

Want EtchPress for Bricks or the block editor?

Everything here is made for Etch. Pick the builder you use and leave your email: we write once, when EtchPress works there.

This field is required.