navigation

ScatteredNav

Chaotically scattered navigation with glitch effects.

npx chaos add scattered-nav

PREVIEW

NAVITEM

USAGE

import { ScatteredNav, ScatteredNavItem } from '@/components/chaos/navigation/scattered-nav';

<ScatteredNav>
  <ScatteredNavItem href="/" variant="logo">LOGO</ScatteredNavItem>
  <ScatteredNavItem href="/about" scattered={2}>ABOUT</ScatteredNavItem>
  <ScatteredNavItem variant="status">ONLINE</ScatteredNavItem>
</ScatteredNav>

PROPS

PropTypeDefault

itemsNavigation items

ScatteredNavItemProps[]-

childrenCustom nav items

ReactNode-