Link
One cable between two switch ports with speed, duplex, live rates in both directions and utilisation, plus a test of all four pairs.
Installation
pnpm dlx shadcn@latest add @lumesec/ln-linkFirst timeRegister the @lumesec registry once, or install by URL+
Adds @lumesec to your components.json:
pnpm dlx shadcn@latest registry add @lumesec=https://elements.lumesec.ai/r/{name}.jsonOr skip the setup and install by URL:
npx shadcn@latest add https://elements.lumesec.ai/r/ln-link.jsonUsage
import { LnLink } from "@/components/lumesec/ln-link";
export function Example() {
return (
<LnLink />
);
}Behaviour
A single cable between two ports with speed, duplex, utilisation and traffic in each direction. The cable test checks all four pairs.
API reference
Events
Events bubble and cross the shadow boundary unless the description says otherwise.
cabletestReact proponCabletestDetail{ ok: boolean }Fires when the cable test finishes. The demo always reports ok: true.
Accessibility
- Run cable test is a native button, disabled while the test runs.
- The test status line is
aria-live="polite"and announces the start and the result. - The cable canvas is
aria-hidden; rates and utilisation are text. - Reduced motion: traffic pixels on the cable are not drawn, and the test fills in all four pairs after 10 ms instead of over about 1.9 s.
Theming
The element reads your shadcn theme tokens through its shadow root, so light and dark follow your theme. The accent comes from --lumesec. See Theming.
This component reads --border, --card, --foreground, --lumesec, --lumesec-success, --muted and --muted-foreground.
To restyle only LumeSec elements, set the matching --ui-* overrides: --ui-accent, --ui-border, --ui-fg, --ui-fg2, --ui-mono, --ui-muted, --ui-ok, --ui-surface and --ui-track.
Notes
- Shows a fixed demo link (Core Switch port 26 to Server Switch port 1, 10 Gb/s over a 3 m DAC). No attribute selects another link; rates are simulated and update every second while the element is on screen.
- Utilisation is the busier direction as a share of 10 Gb/s.
Related
Was this page helpful?