w-modal | WordProof UI Kit

The Modal is controlled externally by visible prop. When backdrop or close button clicked the component emits close event. The handler of this event should modify the value of visible prop accordingly.

<w-modal visible="true">
  ... content
</w-modal>

# API

# Properties

Property	Attribute	Description	Type	Default
`ariaModalDescription`	`aria-modal-description`	class names added to content wrapper element of the modal	`string`	`'Modal description'`
`ariaModalTitle`	`aria-modal-title`	class names added to content wrapper element of the modal	`string`	`'Modal'`
`backdropClassName`	`backdrop-class-name`	class names added to backdrop element of the modal	`string`	`''`
`contentClassName`	`content-class-name`	class names added to content wrapper element of the modal	`string`	`''`
`modalClassName`	`modal-class-name`	class names added to modal element of the modal	`string`	`''`
`rounded`	`rounded`	controls visibility of the modal	`"lg" \\| "md" \\| "sm" \\| boolean`	`false`
`visible`	`visible`	controls visibility of the modal	`boolean`	`false`
`wrapClassName`	`wrap-class-name`	class names added to wrapper element of the modal	`string`	`''`

# Events

Event	Description	Type
`close`		`CustomEvent<any>`

# Dependencies

# w-modal

# API

# w-modal

# Properties

# Events

# Dependencies

# Used by

# Depends on

# Graph