ページネーション
Figmaに未定義(参考実装)
コンテンツを複数ページに分割してナビゲーションを提供するコンポーネント
デフォルト
最初/最後へのジャンプ、前後ナビゲーション、ページ番号を含む標準的なページネーション。
最初/最後ボタンなし
シンプルな前後ナビゲーションとページ番号のみ。
DOs
- 現在のページを明確にハイライトする
- 総ページ数を表示する
- キーボードナビゲーションをサポートする
- ページ数が多い場合は省略記号(...)を使用する
DON'Ts
- すべてのページ番号を表示しない(多すぎる場合)
- 現在のページでも前へ/次へボタンを無効化しない設計
- タッチデバイスでタップしにくい小さすぎるボタン
- ページ変更時にスクロール位置をリセットしない