Animated star / sparkle border orbiting content with twinkle pulses.
Color, thickness and speed are wired to the controls underneath. The root renders as a button unless you pass another element through the as prop.
| Prop | Type | Default | Description |
|---|---|---|---|
as | string | Component | button | Allows specifying the type of the parent component to be rendered. |
color | string | white | Changes the main color of the border (fades to transparent) |
speed | string | 6s | Changes the speed of the animation. |
thickness | number | 1 | Controls the thickness of the star border effect. |
backgroundColor | string | '#000000' | Background color of the button surface. |
textColor | string | '#ffffff' | Text color of the button content. |
borderColor | string | '#222222' | Static border color around the button surface. |
| Slot | Description |
|---|---|
default | The content shown inside the border. |
Keyboard shortcuts and ARIA behavior.
| Shortcut | Description |
|---|---|
| Tab | Moves focus to the root when it is a button or link. |
| Enter | Activates the root when it is a button or link. |