Pattern
Apply a repeating, token-driven background pattern.
Preview
Import
import { Pattern } from "@sigil-ui/components";Usage
<div style={{position:"relative",width:"100%",height:120}}>
<Pattern />
</div>Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | PatternVariant | dots | Pattern type. |
opacity | number | 0.1 | Pattern opacity. |
scale | number | 1 | Scale of the pattern. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-text | Text |