Components

21 components, one page per component folder in packages/components/src/, generated from its manifest, message catalogs, editor descriptor and fixtures. A new component gets its row and its page on the next build.

Element	Description	Graded	Variants
<astl-audio> block	A sound in the browser's player, with an optional title and transcript.	no: nothing to answer	none
<astl-callout> block, rich content	A tip, information or a warning in a box beside the exercise.	no: nothing to answer	none
<astl-categorise> block	The student sorts cards into groups.	yes: choice	none
<astl-choice> block	The student picks one answer or several.	yes: choice, flag	list (default), cards
<astl-crossword> block	Words that cross in a grid of squares, with numbered clues.	yes: letter	none
<astl-drop> inline	The student puts a word from a word bank into the text.	yes: choice	none
<astl-flash-cards> block	Cards to learn from: the student turns each one over. Nothing is graded.	no: nothing to answer	none
<astl-gap> inline	The student types a word or a number.	yes: text, number	inline (default), resizable
<astl-hotspot> block	The student picks the right places on a picture.	yes: flag	none
<astl-image-drop> block	The student puts labels on the zones of a picture.	yes: choice	none
<astl-image-label> block	The student writes a name for each pin on a picture.	yes: text	none
<astl-long-answer> block	The student writes an answer in their own words, and the teacher marks it.	no: its answers (open) are stored for the teacher	none
<astl-mark-words> block, rich content	The student selects words in a text: highlights them or crosses them out.	yes: flag	highlight (default), strike
<astl-match> block	The student matches each row with one column, in a grid or by joining lines.	yes: choice	grid (default), lines
<astl-memory> block	The student turns two cards at a time and finds the pairs.	yes: choice	none
<astl-order> block	The student puts items in the right order. Write them in the correct order: students get them shuffled.	yes: number	vertical (default), horizontal
<astl-select> inline	The student picks one answer inside the text: from a drop-down list, a list with search or buttons.	yes: choice	dropdown (default), search, buttons
<astl-true-false> block	The student marks each statement true or false.	yes: choice	none
<astl-video> block	A video file, or a YouTube or Vimeo video that loads only when the student presses Play.	no: nothing to answer	none
<astl-word-bank> block	Words the student puts into the gaps of the text.	no: nothing to answer	none
<astl-word-search> block	Hidden words in a grid of letters.	yes: text	none

Inline components sit inside text; block components stand between paragraphs, and those with rich content wrap paragraphs, lists and pictures of their own. Variants change the presentation only, never the grading. Where each element may sit: Content format.

To add one: Write your own component.