Tube Divider

Bent neon tube separators with mounting clips.

The Halcyon RoomLights

Friday, Oct 16

Doors 21:00 · 18+ · £14 on the door

Installation

npx shadcn@latest add https://neonkit.heyaadi.com/r/tube-divider.json

import { TubeDivider } from "@/components/ui/tube-divider"

<TubeDivider shape="wave" />

The bends are regenerated for the width, so a wave keeps its wavelength instead of stretching. Clips sit where the tube crosses its midline.

Size sets the tube thickness and how far it bends. flow sends a pulse of current along the glass.

Any palette name or hex. clips={false} leaves a bare tube.

Also accepts native div attributes. It fills the width of its container; the height follows the shape and size.

Prop	Type	Default
`shape`	`"straight" \| "wave" \| "zigzag" \| "loop"` How the glass is bent.	`"straight"`
`size`	`"sm" \| "md" \| "lg"` Tube thickness (2, 3 or 4px) and the depth of the bends.	`"md"`
`on`	`boolean` Lit or dark. Turning it on replays the ignition flicker; off leaves the glass visible.	`true`
`clips`	`boolean` Metal clips holding the tube to the wall. They catch a little of its light.	`true`
`flow`	`boolean` A brighter pulse travels along the tube every few seconds.	`false`
`decorative`	`boolean` Hidden from assistive tech when true. Set false when it separates real sections, to expose role="separator".	`true`
`color`	`NeonColor` Tube color. Falls back to --neon-accent, then cyan.	inherited

Decorative dividers render role="none" and an aria-hidden SVG, so screen readers skip them.
With decorative={false} it renders role="separator" with aria-orientation="horizontal"; name it with aria-label if the sections need one.
The ignition flicker and the flow pulse are off when the user prefers reduced motion.