Nav Menu

A navigation menu component with dropdown support for building site navigation.

Installation

npm install fuyukaki-ui

Usage

import {
  NavMenu,
  NavMenuList,
  NavMenuItem,
  NavMenuTrigger,
  NavMenuContent,
  NavMenuLink,
} from 'fuyukaki-ui'

function App() {
  return (
    <NavMenu>
      <NavMenuList>
        <NavMenuItem>
          <NavMenuTrigger>Products</NavMenuTrigger>
          <NavMenuContent>
            <NavMenuLink href="/products/a">Product A</NavMenuLink>
            <NavMenuLink href="/products/b">Product B</NavMenuLink>
          </NavMenuContent>
        </NavMenuItem>
      </NavMenuList>
    </NavMenu>
  )
}

Basic Example

Props

Component	Prop	Type
NavMenu	orientation	'horizontal' \| 'vertical'
NavMenuItem	value	string
NavMenuLink	active	boolean
NavMenuSub	title	string