Skip to content
Components / Composition

Toaster

A short confirmation that does not move the page.

@fabrials/ui
Loading state

Installation

  1. Import the control from @fabrials/ui, after setting the app up.

    TypeScript
    import { Toaster, toast } from "@fabrials/ui";

API reference

Prop / exportTypeDescription
toast(message) => voidShows one notice.

Behavior

Mount Toaster once. Use a toast for a completed action. Keep errors that need a decision on the page.

Accessibility

Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.