Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-05-09 07:54:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add example os basic and opening from and to

Browse source
This commit is contained in:
Marcos Moura 2016-11-17 03:08:40 -02:00
parent 40a4213b98
commit b0f0eebe0a
1 changed files with 21 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
docs/src/pages/components/Dialog.vue
View file

@ -2,7 +2,7 @@
<demo-page label="Components - Dialog">
<div slot="examples">
<demo-example label="Default" size="2">
<md-dialog md-open-from="#trigger" md-close-to="#trigger" ref="dialog">
<md-dialog ref="dialog1">
<div class="md-dialog-content">
<form>
<md-input-container>
@ -12,10 +12,24 @@
</form>
</div>
<md-button class="md-primary md-raised" @click="closeDialog">Close</md-button>
<md-button class="md-primary" @click="closeDialog('dialog1')">Close</md-button>
</md-dialog>
<md-button class="md-primary md-raised" id="trigger" @click="openDialog">Open</md-button>
<md-dialog md-open-from="#trigger" md-close-to="#trigger" ref="dialog2">
<div class="md-dialog-content">
<form>
<md-input-container>
<label>Test</label>
<md-input></md-input>
</md-input-container>
</form>
</div>
<md-button class="md-primary" @click="closeDialog('dialog2')">Close</md-button>
</md-dialog>
<md-button class="md-primary md-raised" @click="openDialog('dialog1')">Simple</md-button>
<md-button class="md-primary md-raised" id="trigger" @click="openDialog('dialog2')">Open from/Close to</md-button>
</demo-example>
</div>
@ -39,11 +53,11 @@
<script>
export default {
methods: {
openDialog() {
this.$refs.dialog.open();
openDialog(ref) {
this.$refs[ref].open();
},
closeDialog() {
this.$refs.dialog.close();
closeDialog(ref) {
this.$refs[ref].close();
}
}
};