Brickslab.Tools

@brickslab./ui-webQuiz

Visual IF-condition THEN-action rule editor for quiz branching, scoring, and show/hide logic.

Editor

Props

Prop	Type	Défaut	Requis	Description
`rules`	`LogicRule[]`	—	✓	Array of logic rules (controlled).
`onChange`	`(rules: LogicRule[]) => void`	—	✓	Called with updated rules on every edit.
`questionsIndex`	`QuestionIndex[]`	—	✓	Flat list of { id, label, type } used to populate condition and target selects.

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
  rules={[]}
  onChange={[]}
  questionsIndex={[]}
/>

rulesonChangequestionsIndex

Usage

tsx

import { ConditionalLogic, type LogicRule } from "@brickslab./ui-web";

const [rules, setRules] = useState<LogicRule[]>([]);

<ConditionalLogic
  rules={rules}
  onChange={setRules}
  questionsIndex={[
    { id: "q1", label: "What is your role?", type: "single" },
    { id: "q2", label: "Rate your experience", type: "scale" },
  ]}
/>