Components / Feedback & Overlays

Current shared feedback states and modal framing.

The shared system currently provides `StatusBanner`, `InlineNotice`, `ModalShell`, and shared toasts. These are the current sanctioned ways to communicate state, urgency, and overlay tasks.

StatusBanner

Info banner

Use for prominent state updates that need stronger page-level emphasis.

Warning banner

Use for caution states that still need action context, not just color.

InlineNotice

Info

App surfaces can use informational notices without escalating to a full banner.

Success

Success notices should carry clear semantic meaning rather than custom green wrappers.

Warning

Use warning for caution and incomplete tasks.

Danger

Use danger for destructive or blocking states.

ModalShell

Shared modal shell

Current size tokens: sm, md, lg, xl

Use the shared shell before building a route-specific dialog container.

`ModalShell` provides the shared backdrop, header, actions, and size model for product overlays.

Toasts

Use toasts for lightweight progress and completion updates after user-triggered actions, especially when the page state already reflects the result.

Not yet standardized

Tooltips and popovers

Overlay micro-interactions like tooltips are not currently standardized in the shared UI package.