Event Carousel

[linear]

No description provided.

[linear]

HIG-4644 Event Carousel

[greptile-apps]

To implement or modify the event carousel, focus on the FeatureCarousel.tsx and CarouselCard.tsx within /highlight.io/components/Home/FeatureCarousel.

1. FeatureCarousel.tsx: Manages the carousel's state and overall functionality. Use useState and useEmblaCarousel for state management and carousel functionality. Modify the div that contains the carousel and its settings here.

2. CarouselCard.tsx: Handles the rendering of individual carousel cards. Adjustments to how each event or feature is displayed within the carousel should be made here. Pay attention to the dynamic class names and conditional rendering based on the feature object properties for customization.

These files are key to customizing the carousel's behavior and appearance.

References

/highlight.io/components/Home/FeatureCarousel

Ask Greptile