Button
Every kind of button the app has, from the ink pill that starts the review to the line of text that asks the investigator more, each beside where it is used. Where two kinds look alike the row says so: those are the ones to merge.
Primary
The one thing to do next. One per view.
-
Ink pill, large
review-start: Start review on the spine's review step, with its key.
signin-button and lp-cta below are the same make.
-
Ink pill, full width
signin-button: Continue, Sign in and Email me a link on the sign-in page.
-
Ink pill, as a link
lp-cta: Get started on the landing page; smaller in its header.
-
Ink pill, medium
deck-button: Use these, Use this price and Open the report in the deck; Add as a wallet in the offer.
The same ink pill again, 2.5rem tall, with no focus ring of its own.
-
Flat pill
Paste an address on the empty dashboard (h-11), Go to the tasks (h-10), Answer with it and Ask (h-9).
A second primary: flat, in the library's pill color, not the ink.
-
Task pill
Start the review on the home block's journey.
Says what review-start says, in another look, and has no focus ring.
Raised
Moving and undoing inside the review: buttons that stand on the surface, often with their key.
-
Raised
raised: the base the three below add to.
-
Raised, step
raised deck-nav: Previous and Next under the deck, with the arrow keys.
-
Raised, small
raised settled-undo: Undo in the settled line, with Z.
-
Raised, close
raised focus-close: closes the review layer, with Esc.
Secondary
Next to a primary, or where nothing is the main thing.
-
Outline pill
Ask on the dashboard's thread, beside Answer with it.
-
Accent pill, small
Answer: … under the investigator's proposal on the dashboard.
-
Task outline pill
Go to the tasks in the report's peek banner.
The same label as the flat pill above; no focus ring.
-
Sheet chip
tx-panel-links: Solscan, Solana Explorer and Copy signature in the transaction panel and the inspector.
-
Ghost
Sign out in the dashboard's header; lp-nav is the landing page's copy of it on links.
The dashboard's string and lp-nav are the same button written twice.
-
Small ink, square
fb-range-apply: Apply range in the filter bar's date menu.
An ink button with square corners: the only one.
Chips and toggles
Filters and choices. A toggle stays the same width on and off.
-
Fan chip
fan-chip: the filter and the review count over the fan of cards.
-
Filter bar
fb-add, fb-suggestion and fb-clear: Add filter, a suggested filter, Clear.
fb-add looks the same as the fan chip.
-
Year chip
The report's years on the dashboard; the lots' token chips are the same in the library's colors.
-
Task toggle
The provisional and no price filters over the report's rows.
Icon buttons
A single action with a glyph and a label for screen readers.
-
Disc
overlay-sheet-close, tx-panel-close, tx-panel-back: a disc drawn inside a 2.75rem target, in every sheet.
-
Ringed circle
sheet-menu-button: the sheet's menu; ins-close closes the inspector.
ins-close is the same circle again, only placed.
-
Small square
deck-copy and deck-expand: copy the address, show every transaction.
-
Ghost square
The theme button in the dashboard's and the landing page's header.
Text
Quiet ways on: a line of text that acts.
-
Muted link
deck-link: Ask the investigator more, Withdraw and ask again, Not now in the offer.
-
Underlined link
Show it as it stands, Inspect this year on the dashboard; ins-link, signin-link and lp-link are the same idea.
Six inline strings and four classes for one look.
On a dark or colored surface
The island and the cards bring their own colors.
-
Island, secondary
Retry and the billing button in the island; the small one dismisses it.
The only buttons ported from shadcn; sync-history-close copies the small one in CSS.
-
Glass pill
Sync on a source card.
Hover, press and Tab the buttons: the stage is live.