irisrad-ui
Version:
UI elements developered for IRIS R&D Group Inc
47 lines (42 loc) • 1.21 kB
JavaScript
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>
);
};