BeforeAfterDiagram
A BeforeAfterDiagram component from the Sigil design system.
Import
import { BeforeAfterDiagram } from "@sigil-ui/components";Usage
<BeforeAfterDiagram>...</BeforeAfterDiagram>Props
| Prop | Type | Default | Description |
|---|---|---|---|
beforeTitle | string | — | — |
afterTitle | string | — | — |
before | ReactNode | — | — |
after | ReactNode | — | — |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-radius-card | Radius card |
--s-error | Error |
--s-error-muted | Error muted |
--s-surface | Surface |
--s-success | Success |
--s-success-muted | Success muted |