Interactive

Line Sidebar

A quiet list nav: items near the pointer lean out, their lines grow and the text brightens.
import { LineSidebar } from "pleate/effects/line-sidebar";

Docs sections

Props

items

Links or buttons.

{ label, href? }[]

value / defaultValue

Current index.

numberdefault 0

onChange

Called on select.

(index) => void

range

Pointer reach (px).

numberdefault 90

Accessibility

  • A nav landmark with aria-current on the current item.
  • Keyboard focus gets the full effect.