docs/app/pages/Components/Dialog/examples/DialogPrompt.vue
<template>
<div>
<md-dialog-prompt
:md-active.sync="active"
v-model="value"
md-title="What's your name?"
md-input-maxlength="30"
md-input-placeholder="Type your name..."
md-confirm-text="Done" />
<md-button class="md-primary md-raised" @click="active = true">Prompt</md-button>
<span v-if="value">Value: {{ value }}</span>
</div>
</template>
<script>
export default {
name: 'DialogPrompt',
data: () => ({
active: false,
value: null
})
}
</script>