@navinc/base-react-components/src/tooltip.story.js

Nav's Pattern Library

import React from 'react'
import { Tooltip } from './tooltip.js'
import readme from './tooltip.readme.md'

export default {
  title: 'General/Tooltip',
  component: Tooltip,
  parameters: {
    readme: { content: readme },
  },
}

export const Basic = (args) => <Tooltip {...args} />

Basic.argTypes = {
  color: {
    control: { type: 'color' },
  },
}

Basic.args = {
  iconName: 'actions/circle-info',
  disableFocusListener: true,
  disableHoverListener: true,
  enterDelay: 3,
  enterTouchDelay: 3,
  enterNextDelay: 3,
  interactive: true,
  leaveDelay: 3,
  leaveTouchDelay: 3,
  open: false,
  height: 24,
  width: 24,
  children: 'children',
}