Skip to content

Toast

Toast

PToast shows a transient notification with optional progress timer.

Demo

Usage

<PToast message="Saved" type="success" :timer="4000" @close="removeToast" />

Props

PropTypeDefaultNotes
messageString''Toast body text.
typeStringinfomain, complementary, success, warning, danger, info.
timerNumber0Auto-dismiss duration in ms (0 = no timer).

Events

EventPayloadDescription
closeEmitted when user clicks the close icon.

Slots

SlotDescription
defaultOverride the message content.