UNPKG

@cimpress/react-components

Version:

React components to support the MCP styleguide

gitlab.com/Cimpress-Technology/internal-open-source/component-library/react-components

33 lines • 1.61 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
import * as React from 'react'; import { NavTab } from '../NavTab'; import { NavTabItem } from '../NavTabItem'; const meta = { title: 'Components/NavTab', component: NavTab, }; export default meta; export const Default = { render: () => { const [selectedTab, setSelectedTab] = React.useState('home'); return (React.createElement(NavTab, null, React.createElement(NavTabItem, { active: selectedTab === 'home' }, React.createElement("button", { onClick: () => setSelectedTab('home') }, "Home")), React.createElement(NavTabItem, { active: selectedTab === 'profile' }, React.createElement("button", { onClick: () => setSelectedTab('profile') }, "Profile")), React.createElement(NavTabItem, { disabled: true }, React.createElement("button", null, "Disabled")))); }, }; export const Vertical = { render: () => { const [selectedTab, setSelectedTab] = React.useState('home'); return (React.createElement(NavTab, { vertical: true }, React.createElement(NavTabItem, { active: selectedTab === 'home' }, React.createElement("button", { onClick: () => setSelectedTab('home') }, "Home")), React.createElement(NavTabItem, { active: selectedTab === 'profile' }, React.createElement("button", { onClick: () => setSelectedTab('profile') }, "Profile")), React.createElement(NavTabItem, { disabled: true }, React.createElement("button", null, "Disabled")))); }, }; //# sourceMappingURL=NavTab.stories.js.map