Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageRich Hover Tooltip
Rich info popovers that open on hover or keyboard focus: a dotted-underline term or an info button reveals a card with an optional image, a bold title, a short description and an action link, with a pointer arrow and a…
50 sites for €79 only, Compare all plans
All photos and visual assets used in this preview are sourced from Unsplash.
The system behind it
One pattern, your whole brand.
Rich Hover Tooltip reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Element
- Category
- Tooltips
- Responsive
- Desktop to phone
- Works with
- Bricks, ACSS, plain CSS
Options 5
Set on the section, in Bricks’ attributes panel. No code needed.
data-themesurface of the showcase section
data-stylepopover surface (independent of the page theme)
data-arrowshow the pointer arrow
data-demokeep the first tooltip open (a showcase aid, set closed in production)
data-animentrance of the row
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
triggerdesign tokens
kindterm
titleDesign tokens
textNamed values for colour, space and type that keep a whole site consis…
imageempty
linkLabelRead more
url#
placementtop
Included in Pro €99 once with Pro Unlimited Lifetime: all 785 patterns, unlimited sites.
Get Pro
