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.

Parcourir tous les composants Comment les agents consomment le registre23 composants

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.

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.

Tutorial Card

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

Tutorial Complete

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

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.

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.

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.

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.

Exercise

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

Flashcard

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

Rating

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

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.

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.

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.

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.

Stepper

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

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.

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.

Learning Objectives

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

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.

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.

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.

Keyboard Shortcuts Help

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

Lisible par les agents

Votre agent IA peut aussi les installer.

Le registre est expose comme donnees structurees, afin que les agents de code choisissent le bon composant sans scraper le HTML.

/llms.txt

Index concis selon la specification llmstxt.org — sections, liens et descriptions.

/llms-full.txt

Contexte complet du registre en une requete — docs plus chaque descripteur de composant.

/r/<name>.json

Descripteur par composant : props, schema d'accessibilite et exemples d'usage.

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.