createRiffle()

createRiffle(container, options): Riffle

Defined in: riffle.ts:357

Builds and attaches a Riffle engine to container. Register each card’s element with registerNode after this returns; nothing renders until at least one card is registered.

Parameters

container

HTMLElement

options

RiffleOptions

Returns

Riffle

Example

import { createRiffle } from '@rpxl/riffle'

const stack = document.getElementById('stack')!
const riffle = createRiffle(stack, { count: 5, cardWidth: 300, cardHeight: 400 })
for (let i = 0; i < 5; i++) {
  const card = stack.appendChild(document.createElement('div'))
  riffle.registerNode(i, card)
}
riffle.next()