§08-02Content
ページネーション
一覧をページに分けて番号で移動する。
件数の多い一覧を一定数ずつ区切って見せる。特定の位置に戻ったりページを共有したりする必要がある検索結果や記事一覧に向く。
実装のポイント
ページ数が多い場合は先頭・末尾・現在の前後だけを出し、間を「…」で省略する。現在ページには aria-current=page を付け、ページ番号は URL に反映する。
- 特徴
- 状態管理
- デモで使っているもの
- lucide-react
§08-02Content
一覧をページに分けて番号で移動する。
件数の多い一覧を一定数ずつ区切って見せる。特定の位置に戻ったりページを共有したりする必要がある検索結果や記事一覧に向く。
ページ数が多い場合は先頭・末尾・現在の前後だけを出し、間を「…」で省略する。現在ページには aria-current=page を付け、ページ番号は URL に反映する。