WeChat Miniprogram Demo

https://github.com/wechat-miniprogram/miniprogram-demo
Admin
This project is a demo of a WeChat miniprogram, showcasing its functionalities and providing example...
Tokens:19,251
Snippets:116
Trust Score:8.3
License:MIT
Update:1 week ago
Show doc for...
Tokens:
Raw
### Image Props

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageAPI/components/tdesign-miniprogram/image/README.en-US.md

Lists all configurable properties for the Image component, including their types, defaults, and descriptions.

```APIDOC
## Image Props

### Description
Configurable properties for the Image component.

### Properties
- **style** (Object) - Optional - CSS(Cascading Style Sheets)
- **custom-style** (Object) - Optional - CSS(Cascading Style Sheets), used to set style on virtual component
- **error** (String / Slot) - Optional - Default: 'default'. See more ts definition.
- **height** (String / Number) - Optional - Height of the image.
- **lazy** (Boolean) - Optional - Default: false. Enables lazy loading.
- **loading** (String / Slot) - Optional - Default: 'default'. See more ts definition.
- **mode** (String) - Optional - Default: 'scaleToFill'. Options: scaleToFill/aspectFit/aspectFill/widthFix/heightFix/top/bottom/center/left/right/top left/top right/bottom left/bottom right.
- **shape** (String) - Optional - Default: 'square'. Options: circle/round/square.
- **show-menu-by-longpress** (Boolean) - Optional - Default: false. Shows menu on long press.
- **src** (String) - Optional - Source of the image. Image file can also be loaded.
- **t-id** (String) - Optional - Version 1.2.10. Image tag id.
- **webp** (Boolean) - Optional - Default: false. Enables WebP support.
- **width** (String / Number) - Optional - Width of the image.
```

--------------------------------

### Import Button Component

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageChatTool/components/tdesign-miniprogram/button/README.en-US.md

Configure the button component in app.json for global import or in index.json for local import.

```json
"usingComponents": {
  "t-button": "tdesign-miniprogram/button/button"
}
```

--------------------------------

### Loading Props

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageAPI/components/tdesign-miniprogram/loading/README.en-US.md

Configuration properties for the Loading component, allowing customization of style, behavior, and appearance.

```APIDOC
## Loading Props

### Description
Configuration properties for the Loading component, allowing customization of style, behavior, and appearance.

### Properties
- **style** (Object) - Optional - CSS(Cascading Style Sheets)
- **custom-style** (Object) - Optional - CSS(Cascading Style Sheets)，used to set style on virtual component
- **delay** (Number) - Optional - Default: 0
- **duration** (Number) - Optional - Default: 800
- **indicator** (Boolean / Slot) - Optional - [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts)
- **inherit-color** (Boolean) - Optional - Default: false
- **layout** (String) - Optional - Default: horizontal, options: horizontal/vertical
- **loading** (Boolean) - Optional - Default: true
- **pause** (Boolean) - Optional - Default: false
- **progress** (Number) - Optional - Default: -
- **reverse** (Boolean) - Optional - Default: -
- **size** (String) - Optional - Default: '40rpx'
- **text** (String / Slot) - Optional - [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts)
- **theme** (String) - Optional - Default: circular, options: circular/spinner/dots
```

--------------------------------

### Switch Props

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageChatTool/components/tdesign-miniprogram/switch/README.en-US.md

Lists all configurable properties for the Switch component, including their types, defaults, and descriptions.

```APIDOC
## Switch Props

### Properties

- **style** (Object) - Optional - CSS(Cascading Style Sheets)
- **custom-style** (Object) - Optional - CSS(Cascading Style Sheets), used to set style on virtual component
- **custom-value** (Array) - Optional - Default: [true, false]. Type: `Array<SwitchValue>`
- **disabled** (Boolean) - Optional - Default: undefined
- **icon** (Array) - Optional - Default: []. Version: 0.27.0. Type: `string[]`
- **label** (Array) - Optional - Default: []. Version: 0.27.0. Type: `string[]`
- **loading** (Boolean) - Optional - Default: false. Version: 0.27.0
- **size** (String) - Optional - Default: medium. Version: 0.27.0. Options: small/medium/large
- **value** (String / Number / Boolean) - Optional - Default: null. Type: `SwitchValue` where `type SwitchValue = string | number | boolean`
- **default-value** (String / Number / Boolean) - Optional - Default: undefined. Uncontrolled property. Type: `SwitchValue` where `type SwitchValue = string | number | boolean`
```

--------------------------------

### Search Props

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageAPI/components/tdesign-miniprogram/search/README.en-US.md

Lists all configurable properties for the Search component, including their types, default values, descriptions, and whether they are required.

```APIDOC
## Search Props

### Description
Lists all configurable properties for the Search component.

### Properties

| Name | Type | Default | Description | Required |
| -- | -- | -- | -- | -- |
| style | Object | - | CSS(Cascading Style Sheets) | N |
| custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N |
| action | String / Slot | '' | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N |
| adjust-position | Boolean | true | - | N |
| always-embed | Boolean | false | - | N |
| center | Boolean | false | - | N |
| clearable | Boolean | true | - | N |
| confirm-hold | Boolean | false | - | N |
| confirm-type | String | search | options: send/search/next/go/done | N |
| cursor | Number | - | required | Y |
| cursor-spacing | Number | 0 | - | N |
| disabled | Boolean | false | - | N |
| focus | Boolean | false | - | N |
| hold-keyboard | Boolean | false | - | N |
| label | String | '' | `deprecated` | N |
| left-icon | String / Slot | 'search' | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N |
| maxcharacter | Number | - | - | N |
| maxlength | Number | -1 | - | N |
| placeholder | String | '' | - | N |
| placeholder-class | String | input-placeholder | - | N |
| placeholder-style | String | - | required | Y |
| result-list | Array | [] | Typescript：`Array<string>` | N |
| right-icon | String / Slot | 'close-circle-filled' | `deprecated`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N |
| selection-end | Number | -1 | - | N |
| selection-start | Number | -1 | - | N |
| shape | String | 'square' | options: square/round | N |
| type | String | 'text' | options: text/number/idcard/digit/nickname | N |
| value | String | '' | - | N |
```

--------------------------------

### Toast Props

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageAPI/components/tdesign-miniprogram/toast/README.en-US.md

Lists all configurable properties for the Toast component, including their types, default values, and descriptions.

```APIDOC
## Toast Props

### Properties

- **style** (Object) - Optional - CSS(Cascading Style Sheets)
- **custom-style** (Object) - Optional - CSS(Cascading Style Sheets), used to set style on virtual component
- **direction** (String) - Optional - Default: row - options: row/column
- **duration** (Number) - Optional - Default: 2000
- **icon** (String / Object / Slot) - Optional - [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts)
- **message** (String / Slot) - Optional - [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts)
- **overlay-props** (Object) - Optional - Typescript: `OverlayProps`, [Overlay API Documents](./overlay?tab=api). [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/toast/type.ts)
- **placement** (String) - Optional - Default: middle - options: top/middle/bottom
- **prevent-scroll-through** (Boolean) - Optional - Default: false
- **show-overlay** (Boolean) - Optional - Default: false
- **theme** (String) - Optional - options: loading/success/error
- **using-custom-navbar** (Boolean) - Optional - Default: false
```

--------------------------------

### Sticky Props

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageChatTool/components/tdesign-miniprogram/sticky/README.en-US.md

Lists the configurable properties for the Sticky component.

```APIDOC
## Sticky Props

### Properties

- **style** (Object) - Optional - CSS(Cascading Style Sheets)
- **custom-style** (Object) - Optional - CSS(Cascading Style Sheets), used to set style on virtual component
- **container** (Function) - Optional - A function that returns the container element
- **disabled** (Boolean) - Optional - Whether to disable the sticky behavior. Default: false
- **offset-top** (String / Number) - Optional - Offset from the top when sticky. Default: 0
- **z-index** (Number) - Optional - Z-index of the sticky element. Default: 99
```

--------------------------------

### Progress Props

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageChatTool/components/tdesign-miniprogram/progress/README.en-US.md

Configuration properties for the Progress component, allowing customization of appearance, status, and behavior.

```APIDOC
## Progress Props

### Properties

| name | type | default | description | required |
| -- | -- | -- | -- | -- |
| style | Object | - | CSS(Cascading Style Sheets) | N |
| custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N |
| color | String / Object / Array | '' | Typescript：`string \| Array<string> \| Record<string, string>` | N |
| label | String / Boolean / Slot | true | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N |
| percentage | Number | 0 | - | N |
| status | String | - | options: success/error/warning/active。Typescript：`ProgressStatus` `type ProgressStatus = 'success' \| 'error' \| 'warning' \| 'active'`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/progress/type.ts) | N |
| stroke-width | String / Number | - | - | N |
| theme | String | line | options: line/plump/circle。Typescript：`ProgressTheme` `type ProgressTheme = 'line' \| 'plump' \| 'circle'`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/progress/type.ts) | N |
| track-color | String | '' | - | N |
```

--------------------------------

### Icon Props

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageAPI/components/tdesign-miniprogram/icon/README.en-US.md

Lists the properties that can be set on the Icon component to customize its appearance and behavior.

```APIDOC
## Icon Props

### Properties

- **style** (Object) - Optional - CSS(Cascading Style Sheets)
- **custom-style** (Object) - Optional - CSS(Cascading Style Sheets)，used to set style on virtual component
- **color** (String) - Optional - The color of the icon.
- **name** (String) - Required - The name of the icon.
- **prefix** (String) - Optional - The prefix for the icon font.
- **size** (String / Number) - Optional - The size of the icon.

```

--------------------------------

### Sticky External Classes

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageChatTool/components/tdesign-miniprogram/sticky/README.en-US.md

Lists the external classes that can be used to customize the Sticky component's styling.

```APIDOC
## Sticky External Classes

### External Classes

- **t-class** - Custom class for the root element
- **t-class-content** - Custom class for the content element
```

--------------------------------

### Navbar Props

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageChatTool/components/tdesign-miniprogram/navbar/README.en-US.md

Lists the configurable properties for the Navbar component, including their types, defaults, and descriptions.

```APIDOC
## Navbar Props

### Properties

| name | type | default | description | required |
| -- | -- | -- | -- | -- |
| style | Object | - | CSS(Cascading Style Sheets) | N |
| custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N |
| animation | Boolean | true | - | N |
| capsule | Slot | - | [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N |
| delta | Number | 1 | - | N |
| fixed | Boolean | true | - | N |
| left | Slot | - | `0.26.0`。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N |
| left-arrow | Boolean | false | `0.26.0` | N |
| title | String / Slot | - | page title。[see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts) | N |
| title-max-length | Number | - | - | N |
| visible | Boolean | true | - | N |
```

--------------------------------

### CSS Variables

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageAPI/components/tdesign-miniprogram/toast/README.en-US.md

Lists the CSS variables provided by the Toast component for style customization.

```APIDOC
## CSS Variables

### Variables

- **--td-toast-bg-color** - Default: @font-gray-2
- **--td-toast-color** - Default: @font-white-1
- **--td-toast-column-icon-size** - Default: 64rpx
- **--td-toast-max-width** - Default: 374rpx
- **--td-toast-radius** - Default: 8rpx
- **--td-toast-row-icon-size** - Default: 48rpx
```

--------------------------------

### Toast External Classes

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageAPI/components/tdesign-miniprogram/toast/README.en-US.md

Lists the external classes that can be used to customize the Toast component's styling.

```APIDOC
## Toast External Classes

### External Classes

- **t-class** - Description: -
```

--------------------------------

### Toast Events

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageAPI/components/tdesign-miniprogram/toast/README.en-US.md

Lists the events emitted by the Toast component.

```APIDOC
## Toast Events

### Events

- **close** - No parameters
- **destroy** - No parameters
```

--------------------------------

### Icon Events

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageAPI/components/tdesign-miniprogram/icon/README.en-US.md

Describes the events emitted by the Icon component.

```APIDOC
## Icon Events

### Events

- **click** - Triggered when the icon is clicked. See more ts definition at [see more ts definition](https://github.com/Tencent/tdesign-miniprogram/blob/develop/src/common/common.ts).

```

--------------------------------

### Sticky Events

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageChatTool/components/tdesign-miniprogram/sticky/README.en-US.md

Lists the events emitted by the Sticky component.

```APIDOC
## Sticky Events

### Events

- **scroll** - Triggered on scroll. Parameters: `(detail: { scrollTop: number, isFixed: boolean })`
```

--------------------------------

### Navbar Events

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageChatTool/components/tdesign-miniprogram/navbar/README.en-US.md

Lists the events emitted by the Navbar component.

```APIDOC
## Navbar Events

### Events

| name | params | description |
| -- | -- | -- |
| complete | - | - |
| fail | - | - |
| go-back | - | - |
| success | - | - |
```

--------------------------------

### IndexesAnchor Props

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageChatTool/components/tdesign-miniprogram/indexes/README.en-US.md

Configuration properties for the IndexesAnchor component, including styling and index value.

```APIDOC
## IndexesAnchor Props

### Description
Configuration properties for the IndexesAnchor component.

### Properties
- **style** (Object) - Optional - CSS(Cascading Style Sheets)
- **custom-style** (Object) - Optional - CSS(Cascading Style Sheets), used to set style on virtual component
- **index** (String / Number) - Optional - -
```

--------------------------------

### Search External Classes

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageAPI/components/tdesign-miniprogram/search/README.en-US.md

Lists the external classes that can be used to customize the styling of the Search component.

```APIDOC
## Search External Classes

### Description
Lists the external classes that can be used to customize the styling of the Search component.

### External Classes

| className | Description |
| -- | -- |
| t-class | - |
| t-class-action | - |
| t-class-clear | - |
| t-class-input | - |
| t-class-input-container | - |
| t-class-left | - |
```

--------------------------------

### Icon External Classes

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageAPI/components/tdesign-miniprogram/icon/README.en-US.md

Lists the external classes that can be used to customize the styling of the Icon component.

```APIDOC
## Icon External Classes

### External Classes

- **t-class** - The external class for custom styling.

```

--------------------------------

### Indexes Props

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageChatTool/components/tdesign-miniprogram/indexes/README.en-US.md

Configuration properties for the Indexes component, including styling, data list, sticky behavior, and offset.

```APIDOC
## Indexes Props

### Description
Configuration properties for the Indexes component.

### Properties
- **style** (Object) - Optional - CSS(Cascading Style Sheets)
- **custom-style** (Object) - Optional - CSS(Cascading Style Sheets), used to set style on virtual component
- **index-list** (Array) - Optional - `0.32.0`. Typescript: `string [] \| number[]`
- **list** (Array) - Optional - `deprecated`. Typescript: `ListItem[] ` `interface ListItem { title: string;  index: string;  children: { title: string; [key: string]: any} [] }`
- **sticky** (Boolean) - Optional - Default: true. Typescript: `Boolean`
- **sticky-offset** (Number) - Optional - Default: 0. `1.0.0`
```

--------------------------------

### CSS Variables

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageAPI/components/tdesign-miniprogram/image/README.en-US.md

CSS variables provided by the Image component for style customization.

```APIDOC
## CSS Variables

### Description
CSS variables that can be used to customize the Image component's styles.

### Variables
- **--td-image-color** - Default: @font-gray-3. Text color.
- **--td-image-loading-bg-color** - Default: @bg-color-secondarycontainer. Loading background color.
- **--td-image-loading-color** - Default: @font-gray-3. Loading icon color.
- **--td-image-round-radius** - Default: @radius-default. Border radius for round shape.
```

--------------------------------

### Loading External Classes

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageAPI/components/tdesign-miniprogram/loading/README.en-US.md

External class names that can be used to customize the styling of the Loading component's internal elements.

```APIDOC
## Loading External Classes

### Description
External class names that can be used to customize the styling of the Loading component's internal elements.

### External Classes
- **t-class** - Description: -
- **t-class-indicator** - Description: -
- **t-class-text** - Description: -
```

--------------------------------

### CSS Variables

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageChatTool/components/tdesign-miniprogram/progress/README.en-US.md

CSS variables provided by the Progress component for customizing its appearance.

```APIDOC
## CSS Variables

The component provides the following CSS variables, which can be used to customize styles.

| Name | Default Value | Description |
| -- | -- | -- |
| --td-progress-circle-inner-bg-color | @font-white-1 | - |
| --td-progress-circle-width | 224rpx | - |
| --td-progress-circle-from | 0deg | - |
| --td-progress-inner-bg-color | @brand-color | - |
| --td-progress-line-stroke-width | 12rpx | - |
| --td-progress-stroke-circle-width | 12rpx | - |
| --td-progress-stroke-plump-width | 40rpx | - |
| --td-progress-track-bg-color | @bg-color-component | - |
| --td-progress-circle-label-font-size | 40rpx | - |
| --td-progress-circle-label-line-height | 56rpx | - |
| --td-progress-circle-label-font-weight | 700 | - |
```

--------------------------------

### CSS Variables

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageAPI/components/tdesign-miniprogram/loading/README.en-US.md

CSS variables provided by the component for customizing its styles.

```APIDOC
## CSS Variables

### Description
CSS variables provided by the component for customizing its styles.

### Variables
- **--td-loading-color** - Default: @brand-color - Description: -
- **--td-loading-text-color** - Default: inherit - Description: -
- **--td-loading-text-font-size** - Default: 24rpx - Description: -
- **--td-loading-text-line-height** - Default: 40rpx - Description: -
```

--------------------------------

### Search Events

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageAPI/components/tdesign-miniprogram/search/README.en-US.md

Lists all events emitted by the Search component, including their names and parameter structures.

```APIDOC
## Search Events

### Description
Lists all events emitted by the Search component.

### Events

| Name | Params | Description |
| -- | -- | -- |
| action-click | `({})` | - |
| blur | `({ value: string })` | - |
| change | `({ value: string })` | - |
| clear | `({ value: string })` | - |
| focus | `({ value: string })` | - |
| submit | `({ value: string })` | - |
```

--------------------------------

### Navbar External Classes

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageChatTool/components/tdesign-miniprogram/navbar/README.en-US.md

Lists the external classes that can be used to customize the Navbar component's styling.

```APIDOC
## Navbar External Classes

### External Classes

| className | Description |
| -- | -- |
| t-class | - |
| t-class-capsule | - |
| t-class-center | - |
| t-class-home-icon | - |
| t-class-left | - |
| t-class-left-icon | - |
| t-class-nav-btn | - |
| t-class-title | - |
```

--------------------------------

### Switch Events

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageChatTool/components/tdesign-miniprogram/switch/README.en-US.md

Describes the change event emitted by the Switch component.

```APIDOC
## Switch Events

### change

- **Params**: `(value: SwitchValue)`
- **Description**: Triggered when the switch value changes.
```

--------------------------------

### Image External Classes

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageAPI/components/tdesign-miniprogram/image/README.en-US.md

External style classes that can be used to customize the appearance of the Image component.

```APIDOC
## Image External Classes

### Description
External classes for customizing the Image component's style.

### External Classes
- **t-class** - Root class.
- **t-class-load** - Loading state class.
- **t-class-image** - Image element class.
- **t-class-error** - Error state class.
```

--------------------------------

### IndexesAnchor External Classes

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageChatTool/components/tdesign-miniprogram/indexes/README.en-US.md

External classes for customizing the IndexesAnchor component's root node, sidebar, and sidebar items.

```APIDOC
## IndexesAnchor External Classes

### Description
External classes for customizing the IndexesAnchor component.

### Classes
- **t-class** - Description: class name of root node
- **t-class-sidebar** - Description: -
- **t-class-sidebar-item** - Description: -
```

--------------------------------

### Cell Props

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageAPI/components/tdesign-miniprogram/cell/README.en-US.md

Configuration properties for the Cell component, defining its appearance and behavior.

```APIDOC
## Cell Props

### Description
Defines the configurable properties for the Cell component.

### Properties
- **style** (Object) - Optional - CSS(Cascading Style Sheets)
- **custom-style** (Object) - Optional - CSS(Cascading Style Sheets), used to set style on virtual component
- **align** (String) - Optional - options: top/middle/bottom, default: middle
- **arrow** (Boolean / Object) - Optional - default: false
- **bordered** (Boolean) - Optional - default: true
- **description** (String / Slot) - Optional - see more ts definition
- **hover** (Boolean) - Optional - default: -
- **image** (String / Slot) - Optional - see more ts definition
- **jump-type** (String) - Optional - options: switchTab/reLaunch/redirectTo/navigateTo, default: navigateTo
- **left-icon** (String / Object / Slot) - Optional - see more ts definition
- **note** (String / Slot) - Optional - see more ts definition
- **required** (Boolean) - Optional - default: false
- **right-icon** (String / Object / Slot) - Optional - see more ts definition
- **title** (String / Slot) - Optional - see more ts definition
- **url** (String) - Optional - default: -
```

--------------------------------

### Slider Props

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageChatTool/components/tdesign-miniprogram/slider/README.en-US.md

Configuration properties for the Slider component, including value, range, step, min, max, and styling options.

```APIDOC
## Slider Props

### Description
Configuration properties for the Slider component.

### Properties
- **style** (Object) - Optional - CSS(Cascading Style Sheets)
- **custom-style** (Object) - Optional - CSS(Cascading Style Sheets), used to set style on virtual component
- **colors** (Array) - Optional - Deprecated. Type: `Array<string>`
- **disabled** (Boolean) - Optional - Disables the slider.
- **disabled-color** (Array) - Optional - Deprecated. Type: `Array<string>`
- **label** (String / Boolean) - Optional - Type: `string | boolean`
- **marks** (Object / Array) - Optional - Type: `Record<number, string> | Array<number>`
- **max** (Number) - Optional - Maximum value. Default: 100
- **min** (Number) - Optional - Minimum value. Default: 0
- **range** (Boolean) - Optional - Whether to use range slider. Default: false
- **show-extreme-value** (Boolean) - Optional - Show extreme values. Default: false
- **step** (Number) - Optional - Step size. Default: 1
- **theme** (String) - Optional - Theme options: default/capsule. Default: default. Since 0.30.0
- **value** (Number / Array) - Optional - Current value. Type: `SliderValue` where `type SliderValue = number | Array<number>`. Default: 0
- **default-value** (Number / Array) - Optional - Uncontrolled property. Type: `SliderValue`. Default: undefined
- **vertical** (Boolean) - Optional - Whether slider is vertical. Default: false
```

--------------------------------

### Image Events

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageChatTool/components/tdesign-miniprogram/image/README.en-US.md

Events emitted by the Image component when loading succeeds or fails.

```APIDOC
## Image Events

### Description
Events emitted by the Image component when loading succeeds or fails.

### Events
- **error** - Triggered when image load fails.
- **load** - Triggered when image is loaded.
```

--------------------------------

### Cell CSS Variables

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageChatTool/components/tdesign-miniprogram/cell/README.en-US.md

Lists the CSS variables provided by the Cell component for style customization.

```APIDOC
## Cell CSS Variables

### CSS Variables

The component provides the following CSS variables, which can be used to customize styles.

| Name | Default Value | Description |
| -- | -- | -- |
| --td-cell-group-border-color | @component-stroke | - |
| --td-cell-group-title-bg-color | @bg-color-secondarycontainer | - |
| --td-cell-group-title-color | @text-color-placeholder | - |
| --td-cell-group-title-font-size | 28rpx | - |
| --td-cell-group-title-line-height | 90rpx | - |
| --td-cell-group-title-padding-left | 32rpx | - |
| --td-cell-bg-color | @bg-color-container | - |
| --td-cell-border-color | @component-stroke | - |
| --td-cell-border-left-space | @cell-horizontal-padding | - |
| --td-cell-border-right-space | 0 | - |
| --td-cell-border-width | 1px | - |
| --td-cell-description-color | @text-color-secondary | - |
| --td-cell-description-font-size | @font-size-base | - |
| --td-cell-description-line-height | 44rpx | - |
| --td-cell-height | auto | - |
| --td-cell-horizontal-padding | 32rpx | - |
| --td-cell-hover-color | @bg-color-secondarycontainer | - |
| --td-cell-image-height | 96rpx | - |
| --td-cell-image-width | 96rpx | - |
| --td-cell-left-icon-color | @brand-color | - |
| --td-cell-left-icon-font-size | 48rpx | - |
| --td-cell-line-height | 48rpx | - |
| --td-cell-note-color | @text-color-placeholder | - |
| --td-cell-note-font-size | @font-size-m | - |
| --td-cell-required-color | @error-color | - |
| --td-cell-required-font-size | @font-size-m | - |
| --td-cell-right-icon-color | @text-color-placeholder | - |
| --td-cell-right-icon-font-size | 48rpx | - |
| --td-cell-title-color | @text-color-primary | - |
| --td-cell-title-font-size | @font-size-m | - |
| --td-cell-vertical-padding | 32rpx | - |
```

--------------------------------

### Progress External Classes

Source: https://github.com/wechat-miniprogram/miniprogram-demo/blob/master/miniprogram/packageChatTool/components/tdesign-miniprogram/progress/README.en-US.md

External classes that can be used to customize the styling of the Progress component's internal elements.

```APIDOC
## Progress External Classes

### External Classes

| className | Description |
| -- | -- |
| t-class | - |
| t-class-bar | - |
| t-class-label | - |
```
Tokens:
Raw