Actions · Meadow

Button

Use a button for anything that does something: save, send, print, delete. One filled button per view.

Variants

View invoice

Sizes

With icons and a loading state

As links and disabled

Open the forms page Go to the dashboard

On the warm block

On the cool block

Delivery terms

On the ink card

Button group

Join buttons that act on the same thing into one pill. For picking one of several options, use a toggle group.

Main action with a second one

Order #4479 for Marguerite Lowe is not packed yet.

Stepper with a value

2

Witch hazel, 5 L pot

$42.00 each, $84.00 total. 4 more free in the tree row.

Pager

#4479 4 of 8

Marguerite Lowe, $43.50, due Tue, Oct 27.

Filled segments

On the cool block

On the ink card

Refund request from Ottilie Marsh on #4470: $18.50 for one Hellebore ‘Ice n’ Roses’ that arrived with its crown snapped.

Waiting for June to decide.

Vertical

Toggle

A single on/off button, for a setting that takes effect straight away.

Default and outline

You will hear when Hosta ‘Patriot’ is back in stock. Frost alerts are off.

Sizes, on a plant label editor

Digitalis purpurea

On the warm block

On the ink card

Toggle group

Two to six options shown side by side. Joined into one pill for a single choice, separate pills when several can be on.

Segmented, one choice

Thursday, October 22: Priya is out in Van 1 with 7 stops. She left at 8:30 AM.

Outline, several choices

391 in stock across 7 listings, plus 1 on pre-order.

Separate pills

The vans go out on Tuesday, Thursday and Saturday.

On the cool block

On the ink card

Badge

A short status or count next to the thing it describes. One colour per meaning.

Order statuses

OpenPackedOut for deliveryDeliveredCancelled

In an order list

#4479 Open Marguerite Lowe 2 × Hellebore ‘Ice n’ Roses’ $43.50
#4476 Packed Riverside Allotment Society 20 × Foxglove ‘Pam’s Choice’, 10 × Peat-free compost $244.00
#4474 Out for delivery Marguerite Lowe 2 × Witch hazel, 4 × Foxglove ‘Pam’s Choice’ $113.00
#4472 Delivered The Lock Keeper’s Café 12 × Lavender ‘Hidcote’, 3 × Bronze fennel $87.00
#4469 Cancelled Bram Kowalczyk 4 × Sea holly $45.70

As a count inside a button

On the warm block

OpenPackedOut for deliveryDeliveredCancelled

On the ink card

OpenPackedOut for deliveryDeliveredCancelled

Kbd

A key or shortcut, shown where people learn it: menus, tooltips, help lists.

Shop admin shortcuts

Search: CtrlK
New order: CtrlN
Print label: CtrlP
Save: CtrlS
Toggle sidebar: CtrlB
Mark packed: CtrlEnter

Inside buttons

On the ink card

Press CtrlEnter to mark #4479 packed, or CtrlP to print its label.