ToastProvider

Provides the imperative toast API and renders the bottom-center stack into a portal (the Gavel PRDetail confirmation toast — a tone dot plus a transient message). Built on clicky tokens; auto-dismisses after durationMs. Consume the API with useToast() from ./toast-context.

Source

Import

import { ToastProvider } from "@flanksource/clicky-ui/components";

Demos

Default · Open in Storybook

Appears And Auto Dismisses · Open in Storybook

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
durationMs	number	2200	Default auto-dismiss delay applied when a toast omits `durationMs`.