Toast

A brief notification message that appears temporarily.

Preview

Props

PropTypeDefaultDescription
titlestringToast title
descriptionstringToast description
variantstring'default'Style variant

Usage

const { Button, toast } = window.ColorSnap;
ReactDOM.createRoot(document.getElementById('root')).render(
  React.createElement(Button, { onClick: function() { toast({ title: 'Saved', description: 'Changes saved.' }); } }, 'Show Toast')
);