---
title: 品类组件
summary: 照明触摸滑动条、彩光色盘、白光色盘、定时倒计时、音乐律动、生物节律等通用组件的介绍与使用。
---

## 品类组件

### 【通用】照明触摸滑动条
- 效果图: 
<Image src='/images/extended/lamp-touch-slider.png' style={{ width: '200px', height: '224px' }} />
- 应用范围：用于 **照明** 全品类
- 组件详情：
<Callout type="info" emoji="ℹ️">
参见：[照明触摸滑动条](https://developer.tuya.com/material/library_oHEKLjj0/component?code=ComponentsTyLamp&subCode=LampTouchSlider) 一般用于颜色值的修改同步
</Callout>

### 【通用】百分比滑动条
- 效果图: 
<Image src='/images/extended/lamp-percent-slider.png' style={{ width: '200px', height: '224px' }} />
- 应用范围：用于 **照明** 全品类
- 组件详情：
<Callout type="info" emoji="ℹ️">
参见：[百分比滑动条](https://developer.tuya.com/material/library_oHEKLjj0/component?code=ComponentsTyLamp&subCode=LampPercentSlider) 一般用于颜色值的下发与同步
</Callout>

### 【通用】照明样式的基础滑动条
- 效果图: 
<Image src='/images/extended/lamp-style-slider.png' style={{ width: '200px', height: '224px' }} />
- 应用范围：用于 **照明** 全品类
- 组件详情：
<Callout type="info" emoji="ℹ️">
参见：[照明样式的基础滑动条](https://developer.tuya.com/material/library_oHEKLjj0/component?code=ComponentsTyLamp&subCode=LampStyleSlider) 一般用于颜色值的下发与同步
</Callout>

### 【通用】圆形彩光色盘
- 效果图: 
<Image src='/images/extended/lamp-circle-picker-color.png' style={{ width: '220px', height: '224px' }} />
- 应用范围：用于 **照明** 全品类
- 组件详情：
<Callout type="info" emoji="ℹ️">
参见：[圆形彩光色盘](https://developer.tuya.com/material/library_oHEKLjj0/component?code=ComponentsTyLamp&subCode=LampCirclePickerColor) 一般用于彩光值的下发与同步
</Callout>


### 【通用】环形彩光色盘
- 效果图: 
<Image src='/images/extended/lamp-hue-picker.png' style={{ width: '220px', height: '224px' }} />
- 应用范围：用于 **照明** 全品类
- 组件详情：
<Callout type="info" emoji="ℹ️">
参见：[环形彩光色盘](https://developer.tuya.com/material/library_oHEKLjj0/component?code=ComponentsTyLamp&subCode=LampHuePicker) 一般用于彩光值的下发与同步
</Callout>

### 【通用】明矩形色盘组件照
- 效果图: 
<Image src='/images/extended/lamp-rect-picker-color.png' style={{ width: '445px', height: '204px' }} />
- 应用范围：用于 **照明** 全品类
- 组件详情：
<Callout type="info" emoji="ℹ️">
参见：[照明矩形色盘组件](https://developer.tuya.com/material/library_oHEKLjj0/component?code=ComponentsTyLamp&subCode=LampRectPickerColor) 一般用于彩光值的下发与同步
</Callout>

### 【通用】照明彩色圆形色块环
- 效果图: 
<Image src='/images/extended/lamp-color-wheel.png' style={{ width: '200px', height: '224px' }} />
- 应用范围：用于 **照明** 全品类
- 组件详情：
<Callout type="info" emoji="ℹ️">
参见：[照明彩色圆形色块环](https://developer.tuya.com/material/library_oHEKLjj0/component?code=ComponentsTyLamp&subCode=LampColorWheel) 一般用于彩光值的下发与同步
</Callout>

### 【通用】照明彩光色卡
- 效果图: 
<Image src='/images/extended/LampColorCard.png' style={{ width: '370px', height: '224px' }} />
- 应用范围：用于 **照明** 全品类
- 组件详情：
<Callout type="info" emoji="ℹ️">
参见：[照明彩光色卡](https://developer.tuya.com/material/library_oHEKLjj0/component?code=ComponentsTyLamp&subCode=LampColorCard) 一般用于彩光值的下发与同步
</Callout>

### 【通用】白光缺角色盘
- 效果图: 
<Image src='/images/extended/lamp-circle-picker.png' style={{ width: '230px', height: '224px' }} />
- 应用范围：用于 **照明** 全品类
- 组件详情：
<Callout type="info" emoji="ℹ️">
参见：[白光缺角色盘](https://developer.tuya.com/material/library_oHEKLjj0/component?code=ComponentsTyLamp&subCode=LampCirclePicker) 一般用于白光值的下发与同步
</Callout>

### 【通用】矩形白光色盘
- 效果图: 
<Image src='/images/extended/lamp-rect-white-picker.png' style={{ width: '330px', height: '224px' }} />
- 应用范围：用于 **照明** 全品类
- 组件详情：
<Callout type="info" emoji="ℹ️">
参见：[矩形白光色盘](https://developer.tuya.com/material/library_oHEKLjj0/component?code=ComponentsTyLamp&subCode=LampRectWhitePicker) 一般用于白光值的下发与同步
</Callout>

### 【通用】照明色彩收藏组件
- 效果图: 
<Image src='/images/extended/LampColorCollection.png' style={{ width: '300px', height: '224px' }} />
- 应用范围：用于 **照明** 全品类
- 组件详情：
<Callout type="info" emoji="ℹ️">
参见：[照明色彩收藏组件](https://developer.tuya.com/material/library_oHEKLjj0/component?code=ComponentsTyLamp&subCode=LampColorCollection) 一般用于白光或彩光值的下发与同步
</Callout>


### 【通用】定时倒计时组件
- 效果图: 
<Image src='/images/extended/lamp-schedule.png' style={{ width: '200px', height: '324px' }} />
- 应用范围：用于 **照明** 全品类
- 组件详情：
<Callout type="info" emoji="ℹ️">
参见：[定时倒计时组件](https://developer.tuya.com/material/library_oHEKLjj0/component?code=ComponentsTyLamp&subCode=LampModuleSchedule) 一般用于定时和倒计时功能
</Callout>

### 【通用】音乐律动组件
- 效果图: 
<Image src='/images/extended/lamp-music-card.png' style={{ width: '300px', height: '224px' }} />
- 应用范围：用于 **照明** 全品类
- 组件详情：
<Callout type="info" emoji="ℹ️">
参见：[音乐律动组件](https://developer.tuya.com/material/library_oHEKLjj0/component?code=ComponentsTyLamp&subCode=LampMusicCard) 一般用于音乐律动能力
</Callout>


### 【通用】生物节律色环
- 效果图: 
<Image src='/images/extended/lamp-rhythm-circle.png' style={{ width: '200px', height: '224px' }} />
- 应用范围：用于 **灯带** 或 **灯串** 品类
- 组件详情：
<Callout type="info" emoji="ℹ️">
参见：[生物节律色环](https://developer.tuya.com/material/library_oHEKLjj0/component?code=ComponentsTyLamp&subCode=LampRhythmCircle) 一般用于生物节律能力
</Callout>


### 【灯带】/【灯串】涂抹组件
- 效果图: 
<Image src='/images/extended/lamp-strip-smear.png' style={{ width: '300px', height: '304px' }} />
- 应用范围：用于 **灯带** 或 **灯串** 品类
- 组件详情：
<Callout type="info" emoji="ℹ️">
参见：[灯带涂抹组件](https://developer.tuya.com/material/library_oHEKLjj0/component?code=ComponentsTyLamp&subCode=LampStripLightSmear) 一般用于灯带或灯串的段数修改
</Callout>