Contents

// @flow

import React from 'react'
import { Tooltip, Flex, CircleIconButton } from 'playbook-ui'

const TooltipMargin = (props) => {
  return (
    <Flex 
        flexDirection='row' 
        wrap
    >
      <Tooltip
          margin='md'
          placement='top'
          text='Send Email'
          zIndex={10}
          {...props}
      >
        <CircleIconButton 
            icon='paper-plane'
        />
      </Tooltip>
      <Tooltip 
          margin='md' 
          placement='top' 
          text='Send Email' 
          zIndex={10} 
          {...props}
      >
        <CircleIconButton 
            icon='paper-plane'
        />
      </Tooltip>
    </Flex>
  )
}

export default TooltipMargin

Version data entries

4 entries across 4 versions & 2 rubygems

Version	Path
playbook_ui_docs-13.32.0.pre.alpha.PLAY14143255	app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.32.0.pre.alpha.PLAY14143255	app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.32.0.pre.alpha.PLAY14143251	app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.32.0.pre.alpha.PLAY14143251	app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx