Skip to content

component

Hover List

By Nirmiti Kale

Details

Summary

Interactive hover list for people & team

Description

Hover Name List is a flexible interaction component designed to showcase people, teams, or contributors with a clean hover or tap experience. Built to work seamlessly across desktop and mobile , the component lets you switch between hover and tap interactions with a simple toggle, making it ideal for responsive layouts. What you can customize: Interaction type: Hover or Tap Text alignment Name, title, and location fonts Text colors and hover states Background color Animation duration Image width and height Horizontal and vertical spacing Image offset positioning Editable people list with images, names, titles, and locations How to Add Profile Images Select the HoverNameList component on your canvas. In the right properties panel, find the People control. Click “30 Items” to open the list of people. Select any person from the list (for example Chris Makin ). Inside the People Item panel: Scroll to the Image field. Click the image area or Add button. Upload or select a portrait image. The image will now appear in the hover card when that name is hovered. Repeat these steps for any other people in the list to customize the component.

Introduction

Interactive hover list for people & team

Rank history

Daily rank per list, from the first snapshot — lower is better.

12014015738/148/228/309/79/15
  • All · #573