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
Course-layout container for a sequence of lessons or modules with title, progress, optional intro, and a stack of lesson rows.
2 storiesTour
Guided onboarding flow for introducing content or interface patterns.
1 storyTutorial Card
Card for displaying tutorial previews with metadata.
1 storyTutorial Complete
Completion screen displayed when a tutorial is finished.
2 storiesTutorial Filters
Filter controls for browsing tutorials by category or difficulty.
1 storyTutorial Intro Content
Introduction section for tutorial pages with overview and prerequisites.
1 storyTutorial MDX
MDX renderer tailored for tutorial content with custom components.
1 storyQuizzes & Exercises
Interactive quiz, exercise, and flashcard components with ratings for active-recall learning.
Progress & Steps
Learning progress components — checklists, steppers, progress trackers, and completion dialogs for tracking course advancement.
Checklist
Interactive checklist with progress tracking and toggleable items.
2 storiesCompletion Dialog
Dialog displayed upon completing a task or workflow.
2 storiesProgress Tracker
Curriculum-level learning dashboard for modules, lessons, exercises, streaks, and earned skills.
2 storiesStep By Step
Numbered step guide with optional interactive completion tracking.
1 storyStepper
Sequenced steps with complete, current, and upcoming states.
2 storiesStudy Aids & Callouts
Study aid components — annotations, key-concept blocks, pro tips, and learning objectives for educational content.
Annotation
Inline highlight with an attached contextual note.
2 storiesKey Concept
Highlighted definition block for key terms and a glossary list.
2 storiesLearning Objectives
Lists learning goals for educational content.
2 storiesPro Tip
Highlighted tip block with variants for tips, best practices, gotchas, and more.
1 storyLearner Utilities
Learner utility components — profile sections, search dialogs, and keyboard shortcut helpers for learning platforms.
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.
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.