CostCalculator
A CostCalculator component from the Sigil design system.
import { CostCalculator } from "@sigil-ui/components";
<CostCalculator>...</CostCalculator>
| Prop | Type | Default | Description |
|---|
sliders | CostSlider[] | — | — |
estimate | CostEstimate | — | — |
sliderRenderer | (slider: CostSlider) => ReactNode | — | — |
| CSS Variable | Purpose |
|---|
--s-border | Border |
--s-border-style | Border style |
--s-radius-md | Radius md |
--s-card-padding | Card padding |
--s-surface | Surface |
--s-border-muted | Border muted |
--s-font-mono | Font mono |
--s-text-muted | Text muted |
--s-text-secondary | Text secondary |
--s-primary | Primary |
--s-text | Text |
--s-radius-full | Radius full |