Cartes

Spotlight card

Cartes dont la bordure et la surface de 1 px s'illuminent autour du pointeur, la surbrillance s'étendant sur une rangée de tuiles statistiques.

Platform overview

Last 30 days

Net revenue

$48,210

6.4%

vs $45,310 in July

Active workspaces

1,284

112

112 joined this week

p95 response

214 ms

18 ms

since the edge cache rollout

Failed webhooks

0.42%

0.11 pt

38 of 9,140 deliveries

Utiliser Spotlight card

Cartes dont la bordure et la surface de 1 px s'illuminent autour du pointeur, la surbrillance s'étendant sur une rangée de tuiles statistiques.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: color, radius, borderOnly

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

1854Edge tracking glow cardCartesUne carte dont le contour ne s'éclaire que là où le pointeur s'en rapproche, s'éclaircissant à mesure que vous vous approchez du bord et s'assombrissant vers le milieu.

1830Pointer spotlight cardCartesUne carte dont la bordure s'éclaire uniquement le long de l'arc le plus proche du curseur, avec un doux lavage intérieur qui suit le pointeur et recule lorsqu'il part.

1876Pointer Spotlight PanelCartesUn panneau de contenu avec une lumière douce qui suit le pointeur sur sa face et se fixe au centre lors de la mise au point du clavier.

1877Pointer tilt photo cardCartesUne carte photo sous-titré qui pointe vers le pointeur sur un ressort, avec une lumière douce glissant sur le visage lorsqu'il tourne.

1802Repelling dot field cardCartesUn panneau promotionnel rempli d'un champ de points qui s'éloignent du pointeur et s'éclairent à son passage.

1545Tilt cardCartesUne carte de contenu qui tourne en 3D vers le pointeur avec un reflet mobile, se lève lorsqu'elle est engagée et revient au niveau lorsque le pointeur s'éloigne.