Sorry, but you either have no stories or none are selected somehow.
If the problem persists, check the browser console, or the terminal you've run Storybook from.
The component failed to render properly, likely due to a configuration issue in Storybook. Here are some common causes and how you can address them:
zx-carousel
is based on the Embla Carousel library, a lightweight altenative to Swiper with fluid motion and great swipe precision.
<style> zx-carousel { --slide-size: calc(100% / 3); --slide-gap: 1rem; } <style> <zx-carousel> <zx-carousel-item>Slide 1</zx-carousel-item> <zx-carousel-item>Slide 2</zx-carousel-item> <zx-carousel-item>Slide 3</zx-carousel-item> </zx-carousel>
<style> zx-carousel { --slide-size: 100%; --slide-gap: 0; } zx-carousel.gallery::part(button-prev) { left: -24px; } zx-carousel.gallery::part(button-next) { right: -24px; } <style> <zx-carousel> <zx-carousel-item> <img src="https://picsum.photos/id/18/1200/700" class="object-cover" /> </zx-carousel-item> <zx-carousel-item> <img src="https://picsum.photos/id/19/1200/700" class="object-cover" /> </zx-carousel-item> <zx-carousel-item> <img src="https://picsum.photos/id/20/1200/700" class="object-cover" /> </zx-carousel-item> </zx-carousel>