Components / Feedback & Overlays

Current shared feedback states and modal framing.

The shared system currently provides `StatusBanner`, `InlineNotice`, and `ModalShell`. 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.

Not yet standardized

Toasts

There is no shared toast component in `packages/ui` today.

Tooltips and popovers

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