Brickslab.Toolsv2.1.1

@brickslab./ui-webQuiz

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

Bar

6/10

Steps

3/7

Ring

70%
7/10

Props

PropTypeDéfautRequisDescription
currentnumberNumber of completed questions/sections.
totalnumberTotal number of questions/sections.
mode"steps" | "bar" | "ring""bar"Visual style of the indicator.
showLabelbooleantrueShows 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

Usage

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

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