PaginationIndicator

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と、サイズのオプションを指定できます。