Toast.
A brief confirmation that stays out of the way.
LIVE PREVIEWTry it. It works.
Install the source
npx shadcn@latest add https://ui.bld8.dev/r/toast.jsonUsage
const toast = useToast();
<Button onClick={() => toast.add({title:"Saved",description:"Your changes are up to date."})}>Save</Button>In the workspace or ZIP starter, import components from @bld8/ui and include @bld8/ui/styles.css once. Registry installations use your local bld8/ source path. Wrap overlays in UIProvider.
API & behaviour
UIProvider supplies Base UI Toast context and the viewport. useToast exposes its manager including add, update and close. Default timeout is five seconds, with at most three visible notifications.
Notes to self
Test this component with real content, keyboard input and both themes. The example is a starting point; labels, error handling and behaviour still need to fit the application.