Brickslab.Tools

@brickslab./ui-webQuiz

Quiz progress indicator with bar, steps, and ring modes and optional label.

Bar

6/10

3/7

70%

7/10

Prop	Type	Défaut	Requis	Description
`current`	`number`	—	✓	Number of completed questions/sections.
`total`	`number`	—	✓	Total number of questions/sections.
`mode`	`"steps" \| "bar" \| "ring"`	`"bar"`	—	Visual style of the indicator.
`showLabel`	`boolean`	`true`	—	Shows current/total label next to the indicator.

Override rapide

Tous les paramètres listés dans cette table sont overrideables via les props. Utilisez ce squelette comme point de départ.

<MyComponent
  current={0}
  total={0}
  mode="bar"
  showLabel={true}
/>

currenttotalmodeshowLabel

tsx

import { QuizProgress } from "@brickslab./ui-web";

<QuizProgress current={3} total={10} mode="bar" showLabel />