component · pagination

TuxResultCount

The status strip that sits above (or below) a list of results. "Showing 1–24 of 412 corridors · 24 per page." Composes the range readout, total count with optional noun, and an optional page-size picker. Pairs with TuxPagination, TuxLoadMore, or TuxInfiniteScroll — the readout is a derived display, not a control.

flagship · with size picker

Above a corridor table

Showing 25–48 of 412 corridors

<tux-result-count
  v-model:page="page"
  v-model:page-size="pageSize"
  :total="412"
  noun="corridor"
  :page-size-options="[24, 48, 96]"
/>

Try the picker — the demo's bound state updates above. Active page: 2 · page size: 24

irregular plural

Studies / observations

Pass nounPlural when naive +s reads wrong ("studys", "observations" / "observation"). Singular form is used automatically when total is exactly 1.

Showing 1–24 of 208 studies

<tux-result-count
  v-model:page="page"
  v-model:page-size="pageSize"
  :total="208"
  noun="study"
  noun-plural="studies"
/>

empty state

Zero results

No results 

<tux-result-count :page="1" :page-size="24" :total="0" noun="corridor" />