:: BASE_DOC ::
name | type | default | description | required |
---|---|---|---|---|
close-btn | Boolean / Slot | true | - | N |
keys | Object | - | Typescript:KeysType
| N
options | Array | [] | Typescript:Array<CascaderOption>
| N
sub-titles | Array | [] | Typescript:Array<string>
| N
theme | String | step | options:step/tab | N
title | String / Slot | - | - | N
value | String / Number | null | - | N
default-value | String / Number | undefined | uncontrolled property | N
visible | Boolean | false | - | N
name | params | description |
---|---|---|
change | (value: string \| number, selectedOptions: string[]) |
1.0.1 |
close | (trigger: TriggerSource) |
1.0.1 。see more ts definition。type TriggerSource = 'overlay' \| 'close-btn' \| 'finish' |
pick | (value: string \| number, index: number) |
1.0.1 |
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description
-- | -- | --
--td-cascader-active-color | @brand-color | -
--td-cascader-border-color | @border-color | -
--td-cascader-disabled-color | @font-gray-4 | -
--td-cascader-options-height | 640rpx | -
--td-cascader-options-title-color | @font-gray-3 | -
--td-cascader-step-arrow-color | @font-gray-3 | -
--td-cascader-step-dot-size | 16rpx | -
--td-cascader-step-height | 88rpx | -
--td-cascader-title-color | @font-gray-1 | -
--td-cascder-title-font-size | 36rpx | -