Lozenge kitchen sink

The core components on one page — plus input components, content & feedback, navigation & planning, actions & selection, surfaces & data, app navigation & pickers, and the <lz-*> authoring tags.

Buttons

Lozenges

To do In progress Moved New Removed Done
To do In progress Moved New Removed Done

Badges, tags & avatars

25 99+ 8 +120 −35 design frontend q3-goals
A BC JC DK P A B C +4

Board

To do 3
Set up CI pipeline for nightly builds
LOZ-12 3 JC
Login page throws redirect loop on expired session
LOZ-14 5 DK
In progress 1
Dark mode token pass for settings screens
LOZ-9 In progress AB
Done 2
Ship v0.1 of the design tokens package
LOZ-1 Done JC

App shell (sidebar + breadcrumbs + tabs)

Dark mode token pass for settings screens

In progress design-system a11y

All settings surfaces need their hard-coded neutrals swapped for semantic tokens before the dark-mode beta.

No comments yet.

Created 2 days ago by Jetha C.

Forms

Keep it short and scannable.
Epic name is required.
Send me updates Large toggle

Messages & banners

Editing is restricted

You're not allowed to edit this issue. Ask your admin for the Editor role.

Request accessLearn more
Trial ending

Your trial expires in 3 days.

We couldn't save your changes

Check your connection and try again.

Sprint started

Sprint 14 is now active.

New: timeline view

Plan work across sprints with the new timeline.

Flags (toasts)

Issue created
LOZ-42 has been added to the backlog.
View issueAdd to sprint
Changes saved
Connection lost
Trying to reconnect…

Dropdown, tooltip & progress

Table

TypeKeySummaryAssigneeStatusPoints
LOZ-9 Dark mode token pass AB Alex B In progress 5
LOZ-14 Login redirect loop DK Dana K To do 3
LOZ-1 Design tokens package JC Jetha C Done 8

Modal (native <dialog>)

Focus trap, Esc, backdrop, and open/close all come from the platform.

Delete this issue?

LOZ-14 and its 3 subtasks will be permanently deleted. You can't undo this.

Typography

h900 — Page titles
h800 — Section titles
h700 — Card group titles
h600 — Modal titles
h500 — Widget titles
h400 — Field group titles
h300 — Column headers
h200 — Field labels
h100 — Fine print

Body text with a link, inline code, and subtle text.