docs_vue2/one/docs/demo/toast/default.vue
2021-09-15 20:03:51 +08:00

55 lines
811 B
Vue

<template>
<article>
<section>
<veui-toast
type="info"
open
message="Press any key to continue..."
/>
</section>
<section>
<veui-toast
type="success"
open
message="Your profile has been updated."
/>
</section>
<section>
<veui-toast
type="warning"
open
>
v1 is deprecated. Use v2 instead.
</veui-toast>
</section>
<section>
<veui-toast
type="error"
open
message="Uncaught SyntaxError: Unexpected token +"
/>
</section>
</article>
</template>
<script>
import { Toast } from 'veui'
export default {
components: {
'veui-toast': Toast
}
}
</script>
<style lang="less" scoped>
.veui-toast {
position: relative;
}
section {
margin-bottom: 20px;
text-align: center;
}
</style>