Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProUse this when a dashboard offers a few suggestions: a looping set of insight cards with a severity written out, a details link and Dismiss that removes the card, says so and keeps your place.
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 "things we noticed" panels (spend spikes, failing checks, unused seats) where each insight can be opened or cleared.
Do not use it for alerts that need action now. Critical problems belong in a banner that stays until resolved.
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 |
|---|---|---|---|
insights | Insight[] | - | Each has an id, severity (info, warning, critical), title, text and href. |
label | string | - | Accessible name of the carousel. |
onDismiss | (insight: Insight) => void | - | Called after Dismiss. |
The pattern ships with a Testing Library test (insights-loop-dismiss.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.