Sonner
A Sonner component from the Sigil design system.
Import
import { Sonner } from "@sigil-ui/components";Preview
Usage
<Sonner>...</Sonner>Props
| Prop | Type | Default | Description |
|---|---|---|---|
classNames | { | — | — |
description | "group-[.toast]:text-[var(--s-text-muted)]", | — | — |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-surface | Surface |
--s-text | Text |
--s-border | Border |
--s-shadow-lg | Shadow lg |
--s-text-muted | Text muted |
--s-primary | Primary |
--s-primary-contrast | Primary contrast |