@neo4j-ndl/react
Version:
React implementation of Neo4j Design System
170 lines (169 loc) • 4.63 kB
JavaScript
/**
*
* 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 isChromatic from 'chromatic/isChromatic';
import { Tooltip } from '../../index';
import { TooltipControlled, TooltipControlledSource, TooltipDefault, TooltipDefaultSource, TooltipDisabled, TooltipDisabledSource, TooltipHoverDelay, TooltipHoverDelaySource, TooltipInDialog, TooltipInDialogSource, TooltipInitialOpen, TooltipInitialOpenSource, TooltipPlacements, TooltipPlacementsSource, TooltipRich, TooltipRichPassThrough, TooltipRichPassThroughSource, TooltipRichSource, TooltipTriggerButtonWrapper, TooltipTriggerButtonWrapperSource, } from '.';
const componentMeta = {
title: 'Components/Tooltip',
id: 'components-tooltip',
component: Tooltip,
tags: ['docsPage'],
parameters: {
controls: { disable: true },
chromatic: { delay: 1000 },
},
decorators: [
(Story) => (_jsx("div", { className: "n-flex n-justify-center ", children: _jsx(Story, {}) })),
],
};
export default componentMeta;
export const Default = {
args: { isOpen: isChromatic() },
render: TooltipDefault,
parameters: {
docs: {
source: {
language: 'tsx',
type: 'code',
code: TooltipDefaultSource,
},
},
},
};
export const Disabled = {
args: {},
render: TooltipDisabled,
parameters: {
docs: {
source: {
language: 'tsx',
type: 'code',
code: TooltipDisabledSource,
},
},
},
};
export const InitialOpen = {
args: {},
render: TooltipInitialOpen,
parameters: {
docs: {
source: {
language: 'tsx',
type: 'code',
code: TooltipInitialOpenSource,
},
},
},
};
export const HoverDelay = {
args: {},
render: TooltipHoverDelay,
parameters: {
docs: {
source: {
language: 'tsx',
type: 'code',
code: TooltipHoverDelaySource,
},
},
},
};
export const TriggerButtonWrapper = {
args: {},
render: TooltipTriggerButtonWrapper,
parameters: {
docs: {
source: {
language: 'tsx',
type: 'code',
code: TooltipTriggerButtonWrapperSource,
},
},
},
};
export const Controlled = {
args: { isOpen: isChromatic() },
render: TooltipControlled,
parameters: {
docs: {
source: {
language: 'tsx',
type: 'code',
code: TooltipControlledSource,
},
},
},
};
export const Placements = {
args: {},
render: TooltipPlacements,
parameters: {
docs: {
source: {
language: 'tsx',
type: 'code',
code: TooltipPlacementsSource,
},
},
},
};
export const InDialog = {
args: { isOpen: isChromatic() },
render: TooltipInDialog,
parameters: {
docs: {
source: {
language: 'tsx',
type: 'code',
code: TooltipInDialogSource,
},
},
},
};
export const Rich = {
args: {},
render: TooltipRich,
parameters: {
docs: {
source: {
language: 'tsx',
type: 'code',
code: TooltipRichSource,
},
},
},
};
export const RichPassThrough = {
args: {},
render: TooltipRichPassThrough,
parameters: {
docs: {
source: {
language: 'tsx',
type: 'code',
code: TooltipRichPassThroughSource,
},
},
},
};
//# sourceMappingURL=tooltip.stories.js.map