Components · Feedback

Toast

One quiet confirmation after an action, with an optional undo. Uses liquid glass because it floats over content.

jsx

import { Toast } from '@andeus/ui';

Strategy saved.

jsx

<Toast tone="positive" icon="check" action="Undo" onaction={undo} onclose={dismiss}>
  Strategy saved.
</Toast>

Props

Prop	Type	Default
tone	`'neutral' \| 'positive' \| 'negative' \| 'accent'`	'neutral'
icon	`IconName`	—
title	`string`	—
action	`string`	—	Label for the action key.
onAction	`() => void`	—
onClose	`() => void`	—
children	`ReactNode`	—