Quickstart

import * as Deck from '@carouseldeck/react';

export function Featured() {
  return (
    <Deck.Root aria-label="Featured products">
      <Deck.Viewport>
        <Deck.Slide>Slide one</Deck.Slide>
        <Deck.Slide>Slide two</Deck.Slide>
        <Deck.Slide>Slide three</Deck.Slide>
      </Deck.Viewport>
      <Deck.Prev />
      <Deck.Next />
      <Deck.Dots />
      <Deck.Counter />
    </Deck.Root>
  );
}

That is a working deck, with one full-width slide per snap point, Prev and Next buttons, a dot per page and a "1 / 3" counter. It needs no stylesheet. Give Deck.Root an aria-label, which names the carousel region.