Carousel

A paged surface for showcasing sets of related content.

The Carousel Component

Launch checklist

Track legal, QA, and campaign approvals in one place.

Planning

Updated 5 minutes ago

Editorial pipeline

Review summaries, hero copy, and partner quotes before publish.

Content

6 tasks left

Acquisition plan

Coordinate paid, lifecycle, and homepage placement from one view.

Growth

Ready for launch

Basic Usage

Code Snippet

1<script lang="ts">2		import { Carousel } from '$lib/components';3 4		const items = [5			{ id: 'one', title: 'Launch checklist', description: 'Coordinate every approval in one view.' },6			{ id: 'two', title: 'Editorial pipeline', description: 'Track final content updates before publish.' },7			{ id: 'three', title: 'Help center updates', description: 'Ship release notes alongside the product.' }8		];9	</script>10 11	<Carousel items={items} ariaLabel="Release highlights" />

Examples

Two Columns

Constrain the visible columns for denser editorial and commerce rails.