:: BASE_DOC ::
API
Cascader Props
| 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 |
Cascader Events
| 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 |
CSS Variables
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 | - |