Gradient Banner Section
Highlight a message on a token-colored gradient band.
Preview
Import
import { GradientBannerSection } from "@sigil-ui/components";Usage
<GradientBannerSection text="One design system. Every component connected." />Props
| Prop | Type | Default | Description |
|---|---|---|---|
logo | ReactNode | — | Logo configuration. |
text | string | — | Text configuration. |
gradient | string | — | Gradient configuration. |
height | string | — | Height of the rendered content. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-primary | Primary |
--s-background | Background |
--s-primary-contrast | Primary contrast |