Aller au contenu
Foulée

Composants

Données & contenu

Cartes, tableaux, contenu éditorial et comptes.

Carte & badges

Bascule d'unités — .j6n-unit-switch

Réinterprétation du sélecteur de langue du DSFR : la statistique de la carte ci-dessus change d'unité.

Tableau — .j6n-table

Téléchargement — .j6n-download

Citation — .j6n-quote

Mise en exergue — .j6n-highlight

Code — .j6n-pre

Connexion à un service externe — .j6n-connect

Réinterprétation du composant « FranceConnect » du DSFR pour relier un compte tiers.

Carrousel — .j6n-carousel

Défilement automatique réglable en data-j6n-*, toujours interruptible : bouton Pause, pause au survol des diapositives, arrêt dès que le focus entre dans le carrousel. Ici 5 s par diapositive, sauf la deuxième qui reste 9 s (data-j6n-delay posé sur la diapositive).

Carrousel en fondu, nombre de tours limité

Transition en fondu de 800 ms, 4 s par diapositive, arrêt automatique après 2 tours (data-j6n-rotations="2"). Sans pastilles : elles sont facultatives.

Carrousel — réglages en direct

Le même composant piloté en JS : j6n.carousel(el).set({ delay, transition, duration, loop }). Les réglages s'appliquent immédiatement.

5 s
400 ms