PaginationIndicator
PaginationIndicator
开放Beta测试文档 作为预发布开放Beta测试的一项内容，亚马逊提供了此技术文档。随着亚马逊收到反馈并对功能进行迭代，所描述的这些功能可能会发生变化。有关最新功能的信息，请参阅最新的发布说明。
PaginationIndicator组件为页数和当前活动页面提供可视指示器。
用法
导入
import { PaginationIndicator } from '@amazon-devices/kepler-ui-components';
示例
<PaginationIndicator
activePage={3}
numberOfPages={6}
activeColor={'#FF12FF'}
inactiveColor={'#FAFAFA'}
size='md'
/>
属性
| 属性 | 类型 | 默认值 | 是否必需 | 描述 |
|---|---|---|---|---|
numberOfPages |
数字 | （不适用） | 是 | 总页数 |
activePage |
数字 | （不适用） | 是 | 当前活动页面（从0开始） |
size |
'sm'、'md'、'lg' | 'md' | 否 | PaginationIndicator的大小 |
activeColor |
ColorValue |
undefined | 否 | 活动指示器的颜色 |
inactiveColor |
ColorValue |
undefined | 否 | 非活动指示器的颜色 |
vertical? |
布尔值 | false | 否 | 将方向设置为垂直 |
自定义
活动或非活动Color提供自定义和大小选项。
交互性
| 模态 | 是否可用 |
|---|---|
| 方向键 | 否 |
| 触摸 | 否 |
| 语音 | 否 |
无障碍功能
| 属性 | 是否可用 |
|---|---|
accessible |
否 |
accessibilityRole |
否 |
accessibilityLabel |
否 |
accessibilityValue |
否 |
accessibilityActions |
否 |
accessibilityState |
否 |
用户界面体验
Last updated: 2026年6月9日
