naive-ui/demo/documentation/components/modal/enUS/formBasic.md

Form Basic

<n-button
  size="small"
  @click="isActive = true"
>
  Start Me up
</n-button>
<n-modal v-model="isActive" 
  preset="form" 
  title="Confirm modal"
>
  <template v-slot:header>
    <div style="color:red;">title</div>
  </template>
  <div slot="content">content</div>
  <div slot="footer">footer</div>
</n-modal>

export default {
  data () {
    return {
      isActive: false,
    }
  }
}