naive-ui/demo/documentation/components/spin/enUS/wrap.demo.md

Wrap

You can wrap a component inside spin.

<n-space vertical>
  <n-spin :show="show">
    <n-alert title="La La La" type="success">
      Leave it till tomorrow to unpack my case. Honey disconnect the phone.
    </n-alert>
  </n-spin>
  <n-button @click="show = !show">Click to Spin</n-button>
</n-space>

export default {
  data () {
    return {
      show: false
    }
  }
}