MathSteps #
Props #
| Prop | Type | Required | Description |
|---|---|---|---|
steps | { label?: string, expression: string }[] | Yes | Ordered derivation steps. |
className | string | No | Wrapper classes. |
Live example #
- 1
Start from the quadratic equation
- 2
Normalize by a
- 3
Solve for x
Code #
mdx
<MathStepssteps={[{ label: 'Start from the quadratic equation', expression: 'ax^2 + bx + c = 0' },{ label: 'Normalize by a', expression: 'x^2 + \\frac{b}{a}x + \\frac{c}{a} = 0' },{ label: 'Solve for x', expression: 'x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}' },]}/>