A deck of cards (Deck), and a line of visible cards (LineStock). See all existing stocks and decks in the other pages of the demo (top menu).
Pick a new card Reform deck Shuffle deck Deal 4 cards (one by one) Deal 4 cards (100ms delay)

The CardManager is responsible for the creation of cards HTML. You only define one (per type of card), even if you use multiple stocks/decks.
It is also responsible of linking the stocks together : when you add a card to a stock, if it already exists in another stock, the card slides from the old one to the new one, and the old one is notified it doesn't have the card anymore.

You can also use this component for things that are not really cards. Here if an example of a second card manager, manipulating tokens : Hide token Reveal token