Marketing section
Integrations
Wire it up
All optional. With none, it plays exactly as it does here and hands over to whoever touches it.
<Integrations
integrations={integrations}
more={more}
product={product}
onConnect={(id) => {}}
/>Your data
integrationsThe tools, dealt across three rows: what each is, what the product does there, its mark as a 24×24 path and its colour, what connecting it allows, and whether it’s connected already. Eighteen to thirty sit best.
{ id, name, kind, does, mark, color, access?, connected? }[]moreThe link at the foot.
{ label, href }productThe product’s name, in the line under the glass and on the panel.
string'Detent'titleThe heading, set in two tones.
[string, string]sublineOne sentence under the heading.
stringspeedHow fast the rows drift, in pixels a second.
number22What it tells you
onConnectCalled when a person presses Connect. Return a promise to keep the button busy until it settles.
(id: string) => Promise<void> | voidEvery block also takes accent, the one colour everything in it derives from; autoplay, which plays the demo until someone touches it; and className.