Glowing Effect
Basic Usage
Loading...
Installation
pnpm add @corew500/uiUsage
import { GlowingEffect } from "@corew500/ui/glowing-effect"
<GlowingEffect>Content</GlowingEffect>Variants
glowingEffectVariants
| Axis | Values | Default |
|---|---|---|
| variant | defaultrainbowpulsesuccessdestructive | default |
| intensity | subtledefaultstrong | default |
| animated | truefalse | false |
API Reference
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| disabled | enum | false | Whether to show the glow effect. Can be used for conditional rendering |
| as | enum | div | Element type to render as |
| variant | enum | default | — |
| intensity | enum | default | — |
| animated | enum | false | — |
Accessibility
Screen Readers
- - Glow elements use `aria-hidden="true"` as they are decorative.
Additional
- Animation respects `prefers-reduced-motion` system preference.
Localization
Translatable Content
- - No text content to translate
Additional
- Visual effect is purely decorative and language-agnostic