Component
RecordStepper
Previous/next through an ordered set with an 'n of N' readout — Pagination's sibling for one-at-a-time review.
import { RecordStepper } from '@loidolt/theme-svelte';
Example
1 of 12
Notes
indexis 0-based; the readout andformatreceive it 1-based.
Props
Generated from the component source, so it cannot drift from the implementation.
| Prop | Type | Default | Notes |
|---|---|---|---|
index required | number | — | 0-based position in the set; format receives it 1-based. |
total required | number | — | |
class | string | — | |
disabled | boolean | false | |
format | (n: number, total: number) => string | (n, t) => `${n} of ${t}` | |
label | string | 'Records' | |
nextLabel | string | 'Next' | |
onNext | () => void | — | |
onPrevious | () => void | — | |
previousLabel | string | 'Previous' | |
ref bindable | HTMLDivElement | null | null |
Plus the attributes of Omit<HTMLAttributes<HTMLDivElement>, 'children'>, forwarded to the root element.