:: BASE_DOC ::

API

Dialog Props

actions | Array / Slot | - | Typescript：Array<ButtonProps>，Button API Documents。see more ts definition | N
button-layout | String | horizontal | options：horizontal/vertical | N
cancel-btn | String / Object / Slot | - | see more ts definition | N
close-btn | Boolean / Object | false | 0.31.0 | N
close-on-overlay-click | Boolean | undefined | - | N
confirm-btn | String / Object / Slot | - | - | N
content | String / Slot | - | - | N
external-classes | Array | - | ['t-class', 't-class-content', 't-class-confirm', 't-class-cancel'] | N
overlay-props | Object | {} | - | N
prevent-scroll-through | Boolean | true | - | N
show-overlay | Boolean | true | - | N
title | String / Slot | - | - | N
visible | Boolean | - | - | N
z-index | Number | 11500 | - | N

Dialog Events

cancel | - | -
close | (trigger: DialogEventSource) | see more ts definition。
type DialogEventSource = 'cancel' \| 'overlay' \| 'close-btn'

confirm | - | -
overlay-click | - | -

CSS Variables

The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
-- | -- | --
--td-dialog-body-max-height | 912rpx | -
--td-dialog-close-color | @font-gray-3 | -
--td-dialog-content-color | @font-gray-2 | -
--td-dialog-content-font-size | 32rpx | -
--td-dialog-content-line-height | 48rpx | -
--td-dialog-title-color | @font-gray-1 | -
--td-dialog-title-font-size | 36rpx | -
--td-dialog-title-line-height | 52rpx | -
--td-dialog-width | 622rpx | -