51 lines
2.1 KiB
Vue
51 lines
2.1 KiB
Vue
<script setup lang="ts">
|
|
import { ref } from "vue";
|
|
const dialogm1 = ref("");
|
|
const dialog = ref(false);
|
|
</script>
|
|
|
|
<template>
|
|
<div class="text-center">
|
|
<v-dialog v-model="dialog" scrollable class="dialog-mw">
|
|
<template v-slot:activator="{ props }">
|
|
<v-btn color="success" class="w-100" v-bind="props" flat> Open Scrolling Dialog </v-btn>
|
|
</template>
|
|
<v-card>
|
|
<v-card-title>Select Country</v-card-title>
|
|
<v-divider></v-divider>
|
|
<v-card-text style="height: 300px" class="overflow-auto">
|
|
<v-radio-group v-model="dialogm1" column>
|
|
<v-radio label="Bahamas, The" value="bahamas"></v-radio>
|
|
<v-radio label="Bahrain" value="bahrain"></v-radio>
|
|
<v-radio label="Bangladesh" value="bangladesh"></v-radio>
|
|
<v-radio label="Barbados" value="barbados"></v-radio>
|
|
<v-radio label="Belarus" value="belarus"></v-radio>
|
|
<v-radio label="Belgium" value="belgium"></v-radio>
|
|
<v-radio label="Belize" value="belize"></v-radio>
|
|
<v-radio label="Benin" value="benin"></v-radio>
|
|
<v-radio label="Bhutan" value="bhutan"></v-radio>
|
|
<v-radio label="Bolivia" value="bolivia"></v-radio>
|
|
<v-radio label="Bosnia and Herzegovina" value="bosnia"></v-radio>
|
|
<v-radio label="Botswana" value="botswana"></v-radio>
|
|
<v-radio label="Brazil" value="brazil"></v-radio>
|
|
<v-radio label="Brunei" value="brunei"></v-radio>
|
|
<v-radio label="Bulgaria" value="bulgaria"></v-radio>
|
|
<v-radio label="Burkina Faso" value="burkina"></v-radio>
|
|
<v-radio label="Burma" value="burma"></v-radio>
|
|
<v-radio label="Burundi" value="burundi"></v-radio>
|
|
</v-radio-group>
|
|
</v-card-text>
|
|
<v-divider></v-divider>
|
|
<v-card-actions>
|
|
<v-btn color="error" variant="tonal" @click="dialog = false">
|
|
Close
|
|
</v-btn>
|
|
<v-btn color="success" variant="tonal" @click="dialog = false">
|
|
Save
|
|
</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-dialog>
|
|
</div>
|
|
</template>
|