# 使用 Dialog 预设
`dialog` 预设的例子。
```html
<n-button
  @click="modalActive = true"
>
  来吧
</n-button>
<n-modal
  v-model:show="modalActive"
  preset="confirm" 
  title="确认"
  content="你确认?" 
  :closable="false"
  positive-text="确认"
  @positive-click="submitCallback"
  @negative-click="cancelCallback"
  negative-text="算了"
/>
```
```js
export default {
  inject: ['message'],
  data () {
    return {
      modalActive: false,
    }
  },
  methods: {
    cancelCallback () {
      this.message.success('算了')
    },
    submitCallback () {
      this.message.success('确认')
    }
  }
}
```