naive-ui/demo/documentation/components/modal/enUS/index.demo-entry.md

Modal

It just pops and shows you something.

Demos

basic
controlled
mask-closable
preset-card
preset-confirm
preset-confirm-slot

Props

Modal

Name	Type	Default	Description
display-directive	'if' | 'show'	'if'	Use which directive to control the rendering of modal body.
mask-closable	boolean	true	Whether to emit hide event when click mask.
preset	'card' | 'confirm'	undefined
show	boolean	false	Whether to show modal.
theme	'light' | 'dark' | string	undefined
on-update:show	(value: boolean) => any	undefined	Callback when modal's display status is changed.

Modal with Preset Card

See Card props

Modal with Preset Dialog

See Dialog props

Slots

Modal without Preset

Name	Parameters	Description
default	()

Modal with Preset Card

See Card slots

Modal with Preset Dialog

See Dialog slots