51 lines
1.1 KiB
Vue
51 lines
1.1 KiB
Vue
<template>
|
|
<article>
|
|
<section>
|
|
<veui-button @click="open = !open">
|
|
Toggle
|
|
</veui-button>
|
|
</section>
|
|
|
|
<section>
|
|
<veui-embedded
|
|
:open.sync="open"
|
|
title="Notification"
|
|
>
|
|
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. At dolorum eius vero expedita ut voluptates possimus recusandae id incidunt obcaecati asperiores eum, laborum dolore facilis aperiam quidem. Maiores, non eum.</p>
|
|
</veui-embedded>
|
|
</section>
|
|
|
|
<section>
|
|
<veui-embedded
|
|
ui="s"
|
|
:open.sync="open"
|
|
title="Notification"
|
|
>
|
|
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. At dolorum eius vero expedita ut voluptates possimus recusandae id incidunt obcaecati asperiores eum, laborum dolore facilis aperiam quidem. Maiores, non eum.</p>
|
|
</veui-embedded>
|
|
</section>
|
|
</article>
|
|
</template>
|
|
|
|
<script>
|
|
import { Embedded, Button } from 'veui'
|
|
|
|
export default {
|
|
components: {
|
|
'veui-embedded': Embedded,
|
|
'veui-button': Button
|
|
},
|
|
data () {
|
|
return {
|
|
open: true
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
section {
|
|
margin-bottom: 20px;
|
|
}
|
|
</style>
|