Components

Toast

A versatile notification system for mobile and web. Supporting multiple positions, semantic variants, and complex interactive content.

Basic Usage

Select where you want the toast to appear on the screen.

Specialized variants designed for specific use cases.

Prop	Type	Description
`title`	`string`	Primary bold text for the toast
`message`	`string`	Secondary descriptive text or content
`variant`	`ToastVariant`	Visual style (notification, alert, pill, etc.)
`position`	`enum`	Screen position (top-center, bottom-right, etc.)
`avatar`	`string`	URL for the user image in notifications
`type`	`'success' \| 'error' \| 'info'`	Semantic type for coloring classic variants
`visible`	`boolean`	Controls the visibility state
`duration`	`number`	Time in ms before auto-hiding (default: 4000)

$npx kachindo-ui add toast