Skip to content
Components

Banner, toast & empty state

A banner states a condition of the whole view and stays until it changes. A toast confirms something the user already asked for and then leaves. An empty state says what would put something here.

Verdict banner

GRIDD's most important banner — the answer the entire product exists to deliver. Pinned to the bottom of the Build tab so it stays visible while sliders move, and it never animates its wording: an icon joins or leaves the stack the instant a threshold is crossed.

No approval needed

Keep the shed under 10 m² and behind the building line and you may start today.

Decided by nobody — it's exempt Typically 0 days
Building + council

A standard council check against the written rulebook. Tick every box and it must be approved; neighbours can't formally object.

Decided by Brisbane City Council Typically 6–12 weeks

Page banners

Scheme amendment on public notice. Brisbane City has proposed changes to this zone. Submissions close 14 September.

You have 1 free check left. Pro gives unlimited checks, saved projects and branded reports.

Dismissal is the caller's to persist. A banner that reappears on every route change has not been dismissed, it has been ignored — and the component cannot know where that preference belongs.

Toasts

Parcel saved to Jarrah St project
Bottom-centre, five seconds, then gone. The surface is dark in BOTH themes — a toast is not a card, and making it dark is how it reads as transient chrome rather than as content that has appeared in the page.

Empty states

No saved parcels yet

Search for an address and save it to a project. Saved parcels keep their scenarios and re-check themselves when the scheme changes.

An empty state with only a title is a dead end. The body says what would put something here, and the action does it. The one case where an action is wrong is a search that found nothing: the user already knows what to do, and a button that says "Search again" is noise.

Navigate

Esc