Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Carousel] Improve support for high item counts #9121

Open
2 of 6 tasks
ashetland opened this issue Apr 12, 2024 · 1 comment
Open
2 of 6 tasks

[Carousel] Improve support for high item counts #9121

ashetland opened this issue Apr 12, 2024 · 1 comment
Labels
0 - new New issues that need assignment. c-carousel Issues that pertain to the calcite-carousel component Calcite (design) Issues logged by Calcite designers. calcite-components Issues specific to the @esri/calcite-components package. enhancement Issues tied to a new feature or request. needs triage Planning workflow - pending design/dev review. p4 - not time sensitive User set priority status of p4 - not time sensitive

Comments

@ashetland
Copy link

Check existing issues

Description

Carousel is currently best used with a small number of items. It could be worth supporting more items or "slides" that exceeds the page indicator display. A user could have 15 slides, but only has space for 5 page indicators.

Acceptance Criteria

A large number of Carousel Items could be supported via a maxPagesDisplayed property or this could be automatic based on width and space available. If there are more items than there are page indicators, there would need to be some kind of queuing-like visual affordance to inform the user that there are more pages than the currently visible indicators show. Would also need to explore what it would look like when the user reaches the last item and loops back to the beginning item.

Relevant Info

cc @macandcheese

Which Component

Carousel

Example Use Case

No response

Priority impact

p4 - not time sensitive

Calcite package

  • @esri/calcite-components
  • @esri/calcite-components-angular
  • @esri/calcite-components-react
  • @esri/calcite-design-tokens
  • @esri/eslint-plugin-calcite-components

Esri team

Calcite (design)

@ashetland ashetland added enhancement Issues tied to a new feature or request. 0 - new New issues that need assignment. needs triage Planning workflow - pending design/dev review. labels Apr 12, 2024
@github-actions github-actions bot added Calcite (design) Issues logged by Calcite designers. p4 - not time sensitive User set priority status of p4 - not time sensitive calcite-components Issues specific to the @esri/calcite-components package. labels Apr 12, 2024
@macandcheese macandcheese added the c-carousel Issues that pertain to the calcite-carousel component label Apr 24, 2024
@asangma
Copy link
Contributor

asangma commented May 2, 2024

I think adding support for a CarouselMenu might also be a good solution.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
0 - new New issues that need assignment. c-carousel Issues that pertain to the calcite-carousel component Calcite (design) Issues logged by Calcite designers. calcite-components Issues specific to the @esri/calcite-components package. enhancement Issues tied to a new feature or request. needs triage Planning workflow - pending design/dev review. p4 - not time sensitive User set priority status of p4 - not time sensitive
Projects
None yet
Development

No branches or pull requests

3 participants