Glow
Neon glow effects for text, containers, and lines.
Import
import { GlowText, GlowBox, NeonLine, RippleButton } from "neoterm-ui";GlowText
<GlowText color="green">Neon green text</GlowText>
<GlowText color="cyan" as="h1">Cyan heading</GlowText>
| Prop | Type | Default | Description |
|---|
| color | "green" | "cyan" | "red" | "amber" | "magenta" | "green" | Glow color. |
| as | ElementType | "span" | HTML element to render. |
| children | ReactNode | — | Text content. |
GlowBox
<GlowBox color="cyan" pulse>
<p>Glowing container with pulse</p>
</GlowBox>
| Prop | Type | Default | Description |
|---|
| color | "green" | "cyan" | "red" | "amber" | "magenta" | "green" | Border glow color. |
| pulse | boolean | false | Animated pulse effect. |
| children | ReactNode | — | Box content. |
NeonLine
<NeonLine color="magenta" />
| Prop | Type | Default | Description |
|---|
| color | "green" | "cyan" | "red" | "amber" | "magenta" | "green" | Line glow color. |
RippleButton
<RippleButton>Click me</RippleButton>
| Prop | Type | Default | Description |
|---|
| rippleColor | string | — | Ripple animation color. |
| ...rest | ButtonHTMLAttributes | — | Standard button props. |