| | |
|---|
| | | |
|---|
| | | name | type | default | description | required |
|---|
| | | -- | -- | -- | -- | -- |
|---|
| | | arrow-icon | String / Object | 'caret-down-small' | \- | N |
|---|
| | | close-on-click-overlay | Boolean | true | \- | N |
|---|
| | | duration | String / Number | 200 | \- | N |
|---|
| | | external-classes | Array | - | `['t-class', 't-class-item', 't-class-label', 't-class-icon']` | N |
|---|
| | | show-overlay | Boolean | true | \- | N |
|---|
| | | z-index | Number | 11600 | \- | N |
|---|
| | | |
|---|
| | | ### DropdownMenu Events |
|---|
| | | |
|---|
| | | name | params | description |
|---|
| | | -- | -- | -- |
|---|
| | | open | \- | \- |
|---|
| | | close | \- | \- |
|---|
| | | |
|---|
| | | ### DropdownItem Props |
|---|
| | | |
|---|
| | |
|---|
| | | change | `(value: DropdownValue)` | \- |
|---|
| | | confirm | `(value: DropdownValue)` | \- |
|---|
| | | reset | \- | \- |
|---|
| | | close | \- | \- |
|---|
| | | |
|---|
| | | |
|---|
| | | ### CSS Variables |
|---|
| | | The component provides the following CSS variables, which can be used to customize styles. |
|---|
| | | Name | Default Value | Description |
|---|
| | | -- | -- | -- |
|---|
| | | --td-dropdown-menu-active-colorm | @brand-color | - |
|---|
| | | --td-dropdown-menu-bg-colorm | @bg-color-container | - |
|---|
| | | --td-dropdown-menu-border-width | 1px | - |
|---|
| | | --td-dropdown-menu-colorm | @font-gray-1 | - |
|---|
| | | --td-dropdown-menu-disabled-colorm | @font-gray-4 | - |
|---|
| | | --td-dropdown-menu-font-sizem | 28rpx | - |
|---|
| | | --td-dropdown-menu-icon-sizem | 48rpx | - |
|---|
| | | --td-dropdown-body-max-height | 560rpx | - |
|---|
| | | --td-dropdown-menu-bg-color | @bg-color-container | - |
|---|
| | | --td-tree-bg-color | @bg-color-container | - |
|---|
| | | --td-tree-item-active-color | @brand-color | - |
|---|
| | | --td-tree-item-font-size | 32rpx | - |
|---|
| | | --td-tree-item-height | 96rpx | - |
|---|
| | | --td-tree-root-bg-color | @bg-color-secondarycontainer | - |
|---|
