UNPKG

@neo4j-ndl/react

Version:

React implementation of Neo4j Design System

129 lines (128 loc) 3.33 kB
/** * * Copyright (c) "Neo4j" * Neo4j Sweden AB [http://neo4j.com] * * This file is part of Neo4j. * * Neo4j is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program. If not, see <http://www.gnu.org/licenses/>. */ import { jsx as _jsx } from "react/jsx-runtime"; import { Tabs } from '../../index'; import { TabsBadge, TabsBadgeSource, TabsDefault, TabsDefaultSource, TabsDisabled, TabsDisabledSource, TabsFillVariants, TabsFillVariantsSource, TabsOverflow, TabsOverflowSource, TabsSizes, TabsSizesSource, TabsWithIcons, TabsWithIconsSource, } from '.'; const componentMeta = { component: Tabs, decorators: [ (Story) => (_jsx("div", { className: "n-flex n-justify-center ", children: _jsx(Story, {}) })), ], id: 'components-tabs', parameters: { controls: { disable: true }, }, tags: ['docsPage'], title: 'Components/Tabs', }; export default componentMeta; export const Default = { args: {}, parameters: { docs: { source: { code: TabsDefaultSource, language: 'tsx', type: 'code', }, }, }, render: TabsDefault, }; export const FillVariants = { args: {}, parameters: { docs: { source: { code: TabsFillVariantsSource, language: 'tsx', type: 'code', }, }, }, render: TabsFillVariants, }; export const Sizes = { args: {}, parameters: { docs: { source: { code: TabsSizesSource, language: 'tsx', type: 'code', }, }, }, render: TabsSizes, }; export const WithIcons = { args: {}, parameters: { docs: { source: { code: TabsWithIconsSource, language: 'tsx', type: 'code', }, }, }, render: TabsWithIcons, }; export const Disabled = { args: {}, parameters: { docs: { source: { code: TabsDisabledSource, language: 'tsx', type: 'code', }, }, }, render: TabsDisabled, }; export const Overflow = { args: {}, parameters: { docs: { source: { code: TabsOverflowSource, language: 'tsx', type: 'code', }, }, }, render: TabsOverflow, }; export const Badge = { args: {}, parameters: { docs: { source: { code: TabsBadgeSource, language: 'tsx', type: 'code', }, }, }, render: TabsBadge, }; //# sourceMappingURL=tabs.stories.js.map