Small tier

Modals can have different sizes. Use the size prop to change the size of the modal. This example uses the sm and md size.

نمایش کد
vue

Medium tier

Modals can have different sizes. Use the size prop to change the size of the modal. This example uses the lg and xl size.

نمایش کد
vue

Large tier

Modals can have different sizes. Use the size prop to change the size of the modal. This example uses the 2xl and 3xl size.

نمایش کد
vue

Footer align

Modals footers can be aligned to the left, right or center. Use the footer-align prop to change the alignment of the footer.

نمایش کد
vue

#<TairoModal>

•خصوصیات

classes
نمایش مثال
vue
footer-align
The alignment of the footer content.
نمایش مثال
vue
open
Whether the modal is open.
نمایش مثال
vue
rounded
The radius of the modal.
نمایش مثال
vue
size
The size of the modal.
نمایش مثال
vue

•خصوصیات (با app.config)

as
The HTML tag to use as modal wrapper (e.g. `div`, `form`, etc.).
نمایش مثال
vue

•Events

@close
این رویدادها هیچ ارزشی دریافت نمی‌کنند
نمایش مثال
vue

•Slots

#header
This slot has no inherted props
نمایش مثال
vue
#default
This slot has no inherted props
نمایش مثال
vue
#footer
This slot has no inherted props
نمایش مثال
vue

•Exposed

as
The HTML tag to use as modal wrapper (e.g. `div`, `form`, etc.).
نمایش مثال
vue