CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
| Name | Default Value | Description |
|---|---|---|
| --td-search-action-color | @brand-color | - |
| --td-search-bg-color | @bg-color-secondarycontainer | - |
| --td-search-clear-icon-color | @font-gray-3 | - |
| --td-search-font-size | @font-size-m | - |
| --td-search-height | 80rpx | - |
| --td-search-icon-color | @font-gray-3 | - |
| --td-search-label-color | @font-gray-1 | - |
| --td-search-padding | 16rpx 24rpx | - |
| --td-search-placeholder-color | @font-gray-3 | - |
| --td-search-square-radius | @radius-default | - |
| --td-search-text-color | @font-gray-1 | - |