VLLNT UI · Famille de composants

Composants Learning

Learning components structure guided experiences — curricula, tutorials, flashcards, quizzes, steppers, progress trackers, and tours. Compose them into onboarding flows, courses, and interactive docs.

Tutorials & Curriculum

Tutorial and curriculum components for building courses, lesson browsers, and guided onboarding tours.

Curriculum

Conteneur de mise en page de cours pour une sequence de lecons ou de modules avec titre, progression, introduction optionnelle et une pile de lignes de lecons. Installez Curriculum depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:Web
2 storiesVoir le composant

Tour

Parcours d'accueil guide pour presenter du contenu ou des schemas d'interface. Installez Tour depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:WebNatif
1 storyVoir le composant

Tutorial Card

Carte pour afficher les apercus de tutoriels avec metadonnees. Installez Tutorial Card depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:Web
1 storyVoir le composant

Tutorial Complete

Ecran de fin affiche lorsqu'un tutoriel est termine. Installez Tutorial Complete depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:WebNatif
2 storiesVoir le composant

Tutorial Filters

Controles de filtre pour parcourir les tutoriels par categorie ou difficulte. Installez Tutorial Filters depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:WebNatif
1 storyVoir le composant

Tutorial Intro Content

Section d'introduction pour les pages de tutoriel avec apercu et prerequis. Installez Tutorial Intro Content depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:Web
1 storyVoir le composant

Tutorial MDX

Moteur de rendu MDX adapte au contenu de tutoriel avec des composants personnalises. Installez Tutorial MDX depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:Web
1 storyVoir le composant

Quizzes & Exercises

Interactive quiz, exercise, and flashcard components with ratings for active-recall learning.

Quiz

Quiz interactif a choix multiples avec indices, explications et notation. Installez Quiz depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:WebNatif
2 storiesVoir le composant

Exercise

Bloc d'exercice interactif pour contenu pedagogique. Installez Exercise depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:WebNatif
2 storiesVoir le composant

Flashcard

Carte d'etude pour rappel actif avec etats question et reponse. Installez Flashcard depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:WebNatif
1 storyVoir le composant

Rating

Notation par etoiles en ligne pour un retour leger des apprenants. Installez Rating depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:WebNatif
2 storiesVoir le composant

Progress & Steps

Learning progress components — checklists, steppers, progress trackers, and completion dialogs for tracking course advancement.

Checklist

Liste de controle interactive avec suivi de progression et elements activables. Installez Checklist depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:WebNatif
2 storiesVoir le composant

Completion Dialog

Boite de dialogue affichee a la fin d'une tache ou d'un flux de travail. Installez Completion Dialog depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:WebNatif
2 storiesVoir le composant

Progress Tracker

Tableau de bord d'apprentissage au niveau du programme pour modules, lecons, exercices, series et competences acquises. Installez Progress Tracker depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:WebNatif
2 storiesVoir le composant

Step By Step

Guide d'etapes numerotees avec suivi interactif optionnel de la progression. Installez Step By Step depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:WebNatif
1 storyVoir le composant

Stepper

Etapes sequencees avec des etats termine, actuel et a venir. Installez Stepper depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:WebNatif
2 storiesVoir le composant

Study Aids & Callouts

Study aid components — annotations, key-concept blocks, pro tips, and learning objectives for educational content.

Annotation

Surlignage en ligne avec une note contextuelle attachee. Installez Annotation depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:Web
2 storiesVoir le composant

Key Concept

Bloc de definition mis en avant pour termes cles et une liste de glossaire. Installez Key Concept depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:Web
2 storiesVoir le composant

Learning Objectives

Liste les objectifs d'apprentissage pour du contenu educatif. Installez Learning Objectives depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:Web
2 storiesVoir le composant

Pro Tip

Bloc d'astuce mis en avant avec des variantes pour astuces, bonnes pratiques, pieges et plus encore. Installez Pro Tip depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:Web
1 storyVoir le composant

Learner Utilities

Learner utility components — profile sections, search dialogs, and keyboard shortcut helpers for learning platforms.

Profile Section

Section d'affichage du profil utilisateur avec avatar et details. Installez Profile Section depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:Web
2 storiesVoir le composant

Search Dialog

Boite de dialogue de recherche plein ecran avec navigation au clavier. Installez Search Dialog depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:WebNatif
2 storiesVoir le composant

Keyboard Shortcuts Help

Affiche les raccourcis clavier disponibles a l'utilisateur. Installez Keyboard Shortcuts Help depuis le registre VLLNT UI avec la CLI shadcn.

Plateformes prises en charge:WebNatif
2 storiesVoir le composant

Questions frequentes

What's in the learning family?
Tutorials and curricula, lessons and flashcards, quizzes and exercises, steppers, progress trackers, and guided tours — the scaffolding for learning products.