Skip to content

Comments

feat: [Carousel] add new Carousel component#500

Open
mattgoud wants to merge 11 commits intomainfrom
499-component-carousel-new-component
Open

feat: [Carousel] add new Carousel component#500
mattgoud wants to merge 11 commits intomainfrom
499-component-carousel-new-component

Conversation

@mattgoud
Copy link
Collaborator

@mattgoud mattgoud commented Jan 13, 2026

  • Introduced PuikCarousel and related sub-components (Content, Item, Dots navigation, Next and Previous navigation) using embla-carousel library under the hood.
  • Added styles, unit tests, and Storybook stories
  • Modified hygem template (extension css now for styles files)

❓ Types of changes

  • 📖 Documentation (updates to the documentation or readme)
  • 🐞 Bug fix (a non-breaking change that fixes an issue)
  • 👌 Enhancement (improving an existing functionality)
  • 📦 New feature (a non-breaking change that adds functionality)
  • ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

📝 Checklist

  • My change requires a change to the documentation.
  • I have updated the documentation accordingly.
  • I have added tests to cover my changes
  • The component exists on old Prestashop UIKit and my pull request on migrating documentation is accepted.

- Introduced PuikCarousel and related sub-components (Content, Item, Next, Previous)
- Added styles, unit tests, and Storybook stories
- Exposed components in the main package
- Added Web Component wrapper
@mattgoud mattgoud linked an issue Jan 13, 2026 that may be closed by this pull request
- Add `verticalHeight` and `itemWidth` props to `PuikCarousel` for dynamic sizing
- Use CSS variables for height and item width with intelligent fallbacks
- Create `PuikCarouselIndicators` component for dot navigation
- Expose `selectedIndex`, `scrollSnaps`, and [scrollTo] in carousel context
- Update styles to support new customization options and indicators
…le active carousel-indicator, update stories
@mattgoud mattgoud self-assigned this Jan 15, 2026
@mattgoud mattgoud added the Feature Type: New Feature label Jan 15, 2026
@mattgoud mattgoud marked this pull request as ready for review January 15, 2026 08:23
@mattgoud mattgoud requested a review from housnihousni January 15, 2026 08:23
…s as well, update stories and tests accordingly
…tablish default prop values across carousel components
…, keyboard navigation, event handling, button states, and sub-component usage
…nt from `withDefaults` in carousel navigation components
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Feature Type: New Feature

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Component] [Carousel] New component

1 participant