Star Border
A native action with a travelling perimeter light, hover modes, and press-origin pulses.
North room
Thursday, 18:30–20:00 · six seats
No room reserved for this session.
Hover or focus the reservation action. Press near an edge to send light from that point.
Implementation
1"use client";2 3import {4 useEffect,5 useRef,6 type AnchorHTMLAttributes,7 type ButtonHTMLAttributes,8 type CSSProperties,9 type FocusEvent,10 type MouseEvent,11 type PointerEvent as ReactPointerEvent,12 type ReactNode,13} from "react";14import {15 createRandom,16 createRoundedRectPath,17 nearestPathPoint,18 orbitDistances,19 type RoundedRectPath,20 type StarBorderDirection,21} from "./starBorderEngine";22 23export type StarBorderHover = "lap" | "brighten" | "reveal" | "none";24export type { StarBorderDirection } from "./starBorderEngine";25 26export type StarBorderProps = Omit<27 ButtonHTMLAttributes<HTMLButtonElement>,28 "children" | "color"