Background Pattern
Installation
pnpm add @corew500/uiUsage
import { BackgroundPattern } from "@corew500/ui/background-pattern"
<BackgroundPattern>Content</BackgroundPattern>Variants
backgroundPatternVariants
| Axis | Values | Default |
|---|---|---|
| variant | dotsgridkilalobeams | dots |
API Reference
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| beamCount | number | 6 | Number of beams for the beams variant (default: 6) |
| variant | enum | — | — |
Accessibility
Screen Readers
- - Decorative only; uses `aria-hidden="true"` on SVG elements.
Additional
- Animation respects `prefers-reduced-motion` via `motion-safe:`.
Localization
Translatable Content
- - No text content to translate
Additional
- Pattern styles are purely visual and language-agnostic