Navigation v1.0.0

Pagination

Composant de navigation entre pages pour les ensembles de données. Prend en charge les pages numérotées avec ellipses, la navigation simple précédent/suivant et les schémas de chargement par curseur. S'intègre avec les Turbo Frames pour des transitions de page fluides.

Numéroté

Pagination complète avec numéros de page, ellipses, flèches précédent/suivant et sélecteur de taille de page

Options

Nom Type Par défaut Description
current_page * Integer requis The current active page number
total_pages * Integer requis 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

Simple

Boutons Précédent/Suivant uniquement avec texte page X sur Y. Épuré et minimal.

Options

Nom Type Par défaut Description
current_page * Integer requis Current page number
total_pages * Integer requis 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

Curseur

Bouton Charger plus avec chargement automatique optionnel. Pas de numéros de page.

Options

Nom Type Par défaut Description
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

Journal des modifications v1.0.0

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

Obtenir l'accès complet

Débloquez le code source de ce composant et de tous les autres. Paiement unique pour un accès à vie.

Obtenir l'accès maintenant