A modal component that creates a dialog overlay on the page. It provides a structured way to display content in a dialog box with optional header, subheader, body, and footer sections.
Show modal
< CataUiModal v-if = " showModal"
@close = " showModal = false" > < template#header >
Header content
</ template>
< template#subheader >
Subheader content
</ template>
< template#body >
Body content
</ template>
< template#footer >
Footer content
</ template>
</ CataUiModal> Prop Description Type Default Required Options closeable Controls if the modal can be closed with a button or background click Boolean true false size Controls the width of the modal dialog String 'medium' false 'small', 'medium', 'large'
Event Description close Triggered when the user clicks the close button or background (if closeable is true)
Slot Description body Content for the main body section of the modal footer Content for the bottom section, typically for actions header Content for the main heading of the modal subheader Secondary heading content displayed below the header
