jordn / react-gooey-nav

The React Gooey Navigation Menu™

Home Page:https://react-gooey-nav.surge.sh/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Gooey Navigation Menu

based on Lucas Bebber's Gooey Menu

I've updated the implementation to use TypeScript and modern-ish React

Installation

npm install --save react-gooey-nav

Usage

import { Menu, Item } from "react-gooey-nav";

var nav = (
  <Menu orientation="bottom">
    <Item title="Cool!">😎</Item>
    <Item
      title="Kitty"
      componentProps={{ onClick: () => console.log("Meow!") }}
    >
      😸
    </Item>
  </Menu>
);

Development

Run the example with:

npm start

Help me make this thing better!

:octocat:

Thanks Lucas!

About

The React Gooey Navigation Menu™

https://react-gooey-nav.surge.sh/


Languages

Language:TypeScript 91.4%Language:HTML 7.6%Language:JavaScript 1.1%