ページネーション

データセット用のページナビゲーションコンポーネント。省略記号付きの番号ページ、 シンプルな前へ/次へナビゲーション、カーソルベースのさらに読み込みパターンに対応しています。 シームレスなページ遷移のためにTurbo Framesと連携します。

ナンバード

ページ番号、省略記号、前へ/次へ矢印、ページサイズセレクターを備えた完全なページネーション

オプション

名前 デフォルト 説明
current_page * Integer 必須 The current active page number
total_pages * Integer 必須 Total number of pages
base_url String "#" Base URL pattern. Page number appended as ?page=N
turbo_frame String Target Turbo Frame ID for navigation
window_size Integer 2 Number of pages to show on each side of current page

シンプル

前へ/次へボタンのみとページ X / Y テキスト。クリーンでミニマル。

オプション

名前 デフォルト 説明
current_page * Integer 必須 Current page number
total_pages * Integer 必須 Total number of pages
prev_url String URL for previous page
next_url String URL for next page
turbo_frame String Target Turbo Frame ID

カーソル

オプションの自動読み込み付き「さらに読み込む」ボタン。ページ番号なし。

オプション

名前 デフォルト 説明
next_url String URL to load more items
loading_text String "Loading..." Text shown during loading
load_more_text String "Load More" Button text
turbo_frame String Target Turbo Frame ID
auto_load Boolean false Auto-load when button enters viewport

変更履歴 v1.0.0

- v1.0.0: Initial release with numbered, simple, and cursor styles

フルアクセスを取得

このコンポーネントと他のすべてのソースコードをアンロックしましょう。一回のお支払いで永久アクセス。

今すぐアクセスを取得