Overlays & Feedback

Alert

Inline callouts: info notes, treatment warnings, permission errors, dismissible hints and announcements.

Source captures·from the SEED early-access trailer

Info

Explains a whole view. Hairline border, large ⓘ.

Policies are rules or laws that apply to citizens within a society that rewards or penalties them for performing specific actions.

Orange inside condition tooltips; neutral gray inside glass panels. The trailing slot takes a badge.

Waiting for treatment

Untreated

Waiting for treatment

Untreated

Solid red banner with the icon after the text.

You don’t have permission to modify this plot

Design first, gather materials later.

Hold SHIFT
to multi-select items for a transfer.

Unboxed note on the society details map.

Announcement

Focus on the objectives. Yoshua: Metalworking Willow: carpentry Monkey: Flaxa and Chemicals Seeks: Medicine Uggi: Stone work

Build properties panel with a dismissible tip.

Height Limit: 5Block Limit: 500

Design first, gather materials later.

Prop	Type	Default	Description
variant	"info" \| "hint" \| "warning" \| "neutral" \| "danger" \| "announcement"	"info"
title	ReactNode	—	Optional bold line above the text; the caps label for announcements.
icon	ReactNode \| null	—	Overrides the variant icon; null hides it.
iconPosition	"start" \| "end"	"start" ("end" for danger)
action	ReactNode	—	Trailing element such as a badge.
onDismiss	() => void	—	Adds a × button.