PaginationIndicator - Amazon Vega Docs

Amazon Developer

Console

as

Settings

Sign out

Notifications

Alexa

亚马逊应用商店

Ring

AWS

文档

Support

Contact Us

My Cases

Console

as

Vega开发者文档

新手入门

设计和开发

应用发布

参考

支持

Pagination Indicator组件为页数和当前活动页面提供可视指示器。

用法

导入

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`	未定义	否	活动指示器的颜色
`inactiveColor`	`ColorValue`	未定义	否	非活动指示器的颜色
`vertical?`	布尔值	False	否	将方向设置为垂直

自定义

活动或非活动Color提供自定义和大小选项。

交互性

模态	是否可用
方向键	否
触摸	否
语音	否

无障碍功能

属性	是否可用
`accessible`	否
`accessibilityRole`	否
`accessibilityLabel`	否
`accessibilityValue`	否
`accessibilityActions`	否
`accessibilityState`	否

用户界面体验

最后修改于 2026年10月26日