Element: #964 Highlights (display/carousel) What it shows: A four-slide carousel (Plan, Build, Ship, Learn) with arrows and dots, bound to an index shown in a caption. When to use: Feature highlights, onboarding steps or testimonials where one item shows at a time. Spec: - `` over `{#each slides as title (title)}` - Each slide is `

{title}

` - `slides` is `['Plan', 'Build', 'Ship', 'Learn']` - Caption `Slide {index + 1} of {slides.length}` Tags: carousel, scroll-snap, slides, dots, arrows, bind-index Needs: @codeatlasdev/ui@4.6.0 Components: Carousel, CarouselItem Live demo: https://ui.codeatlas.com.br/docs/display/carousel#highlights

{#each slides as title (title)}

{title}

{/each}

Slide {index + 1} of {slides.length}. Swipe, use the buttons, or focus the carousel and press the arrow keys.