Koala logo Design
Koala logo Design
No matches for “”
↑↓ navigate ↵ open Esc close
PrimitivesDisplayText & value atoms

Text & value atoms

Headings, labels, key/value rows and localised time — the small text/value primitives.

<koala-section-label>

Section label

Variants

Page title

variant="Default"

Quotes

variant="Editorial"

No quotes yet.

variant="Hero"

Page not found

Info row

  • 12 Birch Lane, SW1A 1AA
  • jane@example.com
  • No icon, still aligned
  • 12 Birch Lane
    Sheffield
    SW1A 1AA

Local time

format="Short"
format="DateTime"
format="DateTimeSeconds"

Address line

line1 + postcode
12 Birch Lane, SW1A 1AA
postcode=null
12 Birch Lane
both null
Still house hunting

API

variant DefaultEditorialHero (koala-page-title)
icon IconName (koala-info-row)
no-icon bool (koala-info-row)
raw-leading string (raw HTML, koala-info-row)
align CenterStart (koala-info-row)
value DateTimeOffset (koala-local-time)
format ShortDateTimeDateTimeSeconds (koala-local-time)
line1 string? (koala-address-line)
postcode string? (koala-address-line)