Toast

Used to show dynamic notifications and alerts to user.

Import

import { MpToastManager, toast } from '@mekari/pixel3'

Playground

API

// Render MpToastManager in the root of app
<MpToastManager />

// Use toast.notify to show toast, and pass an options object
toast.notify({ title: 'Setting is imported.' })

// Use toast.clearAll to dismiss all toasts
toast.clearAll()

toast

Props

Name	Type	Default
id Id of toast.	string	-
title Title of toast.	string	-
variant Variant of toast.	success | error	success
duration Duration of toast.	number	3000
position Position of toast.	top-left | top-center | top-right | bottom-left | bottom-center | bottom-right	top-center
render Render VNode to custom content instead of title prop.	any	-

Usage

Variant