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 and value primitives.

<koala-section-label>

Section label

Variants
Ten quick ones Ready to send Needs a look Overdue For information

Info row

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

API

tone DefaultPrimarySuccessWarningDangerInfo (koala-section-label)
text string? (koala-quoted-text)
highlight string? (koala-quoted-text)
extent ExcerptFull (koala-quoted-text)
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)