LayoutGeometry
Defined in: types.ts:47
Measured geometry handed to a layout.
Example
Section titled “Example”import type { LayoutGeometry } from '@rpxl/riffle'
const geometry: LayoutGeometry = { cardExtent: 300, crossExtent: 400, gap: 20, maxVisible: 4, count: 5 }Properties
Section titled “Properties”cardExtent
Section titled “cardExtent”cardExtent:
number
Defined in: types.ts:49
Card size along the main axis, in pixels.
count:
number
Defined in: types.ts:57
Total number of cards in the stack.
crossExtent
Section titled “crossExtent”crossExtent:
number
Defined in: types.ts:51
Card size across the main axis, in pixels.
gap:
number
Defined in: types.ts:53
Pixels of space a layout leaves between cards.
maxVisible
Section titled “maxVisible”maxVisible:
number
Defined in: types.ts:55
How many cards behind the front one a layout keeps visible before fading them out.