design-system-simplefi
Version:
Design System for SimpleFi Applications
27 lines • 1.46 kB
JavaScript
import React from 'react';
import { BrowserRouter } from 'react-router-dom';
import Nav from './Nav';
import NavItem from './NavItem';
export default {
title: 'components/Nav',
component: Nav,
subcomponents: { NavItem: NavItem },
decorators: [function (storyFn) { return React.createElement(BrowserRouter, null, storyFn()); }],
};
export var NavigationWithRelativeLinksDefault = function () { return (React.createElement(Nav, null,
React.createElement("p", null, "searchbar"),
React.createElement(NavItem, { to: "#", isActive: true }, "Dashboard"),
React.createElement(NavItem, { to: "#" }, "Holdings"),
React.createElement(NavItem, { to: "#" }, "Liquidity Pools"),
React.createElement(NavItem, { to: "#" }, "Farming"),
React.createElement(NavItem, { to: "#" }, "Notifications"),
React.createElement(NavItem, { to: "#" }, "Export"))); };
export var NavigationWithAbsoluteLinks = function () { return (React.createElement(Nav, null,
React.createElement("p", null, "searchbar"),
React.createElement(NavItem, { to: "#", isActive: true }, "Dashboard"),
React.createElement(NavItem, { size: "lg", to: "#" }, "Holdings"),
React.createElement(NavItem, { to: "#" }, "Liquidity Pools"),
React.createElement(NavItem, { to: "#" }, "Farming"),
React.createElement(NavItem, { to: "#" }, "Notifications"),
React.createElement(NavItem, { to: "#" }, "Export"))); };
//# sourceMappingURL=Nav.stories.js.map