UNPKG

irisrad-ui

Version:

UI elements developered for IRIS R&D Group Inc

47 lines (42 loc) 1.21 kB
import React, { useState } from "react"; import { IrisMenu, IrisMenuItem } from "./IrisMenu"; // ui element import { IrisIconButton } from "../irisIconButtons/IrisIconButtons"; // ui element import { IrisDropDownMenu } from "../irisDropDownMenu/IrisDropDownMenu"; // ui element // export for StoryBook as a tab export default { title: "Example/IrisMenu", // could be represent on the url, example could be a root of the node component: IrisMenu, }; export const BasicMenu = (args) => { return ( <IrisMenu> <IrisMenuItem>Profile</IrisMenuItem> <IrisMenuItem>My Account</IrisMenuItem> <IrisMenuItem>Logout</IrisMenuItem> </IrisMenu> ); }; export const ToggleHiddenMenu = (args) => { return ( <div style={{ width: "400px", backgroundColor: "teal", display: "flex", alignItems: "center", }} > <IrisDropDownMenu menuItems={[ <a href="#home">Home</a>, <a href="#about">About</a>, <a href="#contact">Contact</a>, ]} menuProps={{ alignment: "right", shift: 0, }} /> </div> ); };