Marketing Sections
v1.0.0Added in 1.7.0
A marketing section of linked integration tiles: a filterable grid, an orbit around the product mark, or copy beside a tile wall.
Each tile is one link to the integration's page (/integrations/<slug>) that lifts slightly on hover and shows a focus ring when tabbed to. The category chips over the tiles filter them (aria-pressed buttons with counts; on phones the row scrolls sideways), new tiles rise in and a screen reader hears the new count. In the orbit layout the product mark sits in the center and the tiles turn slowly on two rings in opposite directions while staying upright; hovering or focusing the orbit pauses it, a round button pauses and plays it, chips dim the tiles outside the category, and under reduced motion the rings stand still. Phones get the grid instead of the orbit. The split layout puts the heading, a checklist, the chips and the link on the left and a wall of compact tiles on the right, stacked on phones. A See all integrations button links to /integrations.
npx wingo-ui@latest add integrations-sectionPro item: the CLI needs a Pro account. See plans