This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Use preprocessors via the lang attribute! e.g. <template lang="pug"> --> | |
<template> | |
<div class="container"> | |
<section class="toast-messages"> | |
<Toast v-if="success" message="This is a success message!" :timeout='15' success /> | |
<Toast v-if="info" message="This is an info message." info /> | |
<Toast v-if="warning" message="This is a warning message." warning /> | |
<Toast v-if="danger" message="This is a danger message." danger /> | |
<Toast v-if="customSuccess" success> | |
<strong>Success!</strong> This message uses a slot for custom |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Use preprocessors via the lang attribute! e.g. <template lang="pug"> --> | |
<template> | |
<div class="container"> | |
<section class="toast-messages"> | |
<Toast v-if="success" message="This is a success message!" :timeout='15' success /> | |
<Toast v-if="info" message="This is an info message." info /> | |
<Toast v-if="warning" message="This is a warning message." warning /> | |
<Toast v-if="danger" message="This is a danger message." danger /> | |
<Toast v-if="customSuccess" success> | |
<strong>Success!</strong> This message uses a slot for custom |