ExcitedUIDialog #
Basic usage
Use title, showTitle, value/v-model to define Dialog's style.
vue
<template>
<ExButton type="default" @click="openDialog">openDialog</ExButton>
<ExDialog v-model="showDialog" class="w-[400px]" title="Dialog">
I see, dead eyes on the verge of suicide
<br />
I realize it's not alright
</ExDialog>
</template>
<script lang="ts">
import { defineComponent, ref } from "vue";
export default defineComponent({
setup() {
const showDialog = ref(false);
function openDialog() {
showDialog.value = true;
}
return { showDialog, openDialog };
},
});
</script>
<style scoped></style>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25