ui icon indicating copy to clipboard operation
ui copied to clipboard

Feature Request: Allow min-page Property in Pagination Component

Open lafllamme opened this issue 1 year ago • 1 comments

Description

Hi Team,

I hope you're doing well.

I have a feature request for the pagination component. I'm using pagination for a series, and some series don't start at season 1. For example, some might start at season 4.

It would be incredibly useful to have a min prop that allows specifying a minimum page so that everything below this minimum is automatically disabled or hidden.

Here's an example of how it might be implemented:

<UPagination
  v-model="selectedSeason"
  :min="selectedSeason < seasonRange.minSeason"
  :max="5"
  size="sm"
  :page-count="1"
  :total="seasonRange.maxSeason"
  :active-button="{ variant: 'outline' }"
  :ui="{ rounded: 'first-of-type:rounded-s-md last-of-type:rounded-e-md' }"
  show-last
  show-first
>
</UPagination>

Additional context

In this example, :min="selectedSeason < seasonRange.minSeason" would ensure that seasons below the minimum are disabled or hidden.

Thank you for considering this feature request. It would greatly enhance the usability of the pagination component for series with non-sequential seasons.

lafllamme avatar May 20 '24 09:05 lafllamme

This issue is stale because it has been open for 30 days with no activity.

github-actions[bot] avatar Jul 18 '24 11:07 github-actions[bot]

Push.

lafllamme avatar Dec 07 '24 14:12 lafllamme

Hi! 👋

This issue has been automatically closed due to prolonged inactivity.

We're a small team and can't address every report, but we appreciate your feedback and contributions.

If this issue is still relevant with the latest version of Nuxt UI, please feel free to reopen or create a new issue with updated details.

Thank you for your understanding and support!

— Nuxt UI Team

github-actions[bot] avatar Jun 19 '25 02:06 github-actions[bot]