Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProUse this when a feature row should only link from its centre card: a looping scale carousel where neighbours are not tabbable and pressing one brings it to the centre instead of following its link.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it for a short featured section on a blog or magazine home, where the middle story is the one to read and the others invite a look.
Do not use it when every card must be reachable in one click. Use a plain grid of cards.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
posts | FeaturedPost[] | - | Each has an id, title, excerpt, href and an image node. |
label | string | - | Accessible name of the carousel. |
The pattern ships with a Testing Library test (featured-posts-center-focus.test.tsx). Embla needs layout to count snaps, and jsdom has none, so the repo's mockCarouselLayout helper gives the viewport and slides real sizes.