Sha256: 2d42e590792f74136be326f855a3d315a0114c62425cd250dbbf373641cb5e5e

Contents?: true

Size: 740 Bytes

Versions: 494

Compression:

Stored size: 740 Bytes

Contents

// @flow

import React from 'react'
import { Tooltip, Flex, CircleIconButton } from '../..'

const TooltipMargin = (props) => {
  return (
    <Flex 
        flexDirection='row' 
        justifyContent='center' 
        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

494 entries across 494 versions & 2 rubygems

Version Path
playbook_ui_docs-13.11.1 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.11.1 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.11.0 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.11.0 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.10.0.pre.alpha.PLAY1051removinghighchartsdependency1465 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.10.0.pre.alpha.PLAY1051removinghighchartsdependency1465 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.10.0.pre.alpha.webpackerregistercomponents1463 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.10.0.pre.alpha.webpackerregistercomponents1463 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.10.0.pre.alpha.dependabotnpmandyarnfortawesomefontawesomepro6421439 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.10.0.pre.alpha.dependabotnpmandyarnfortawesomefontawesomepro6421439 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.10.0.pre.alpha.play10561428 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.10.0.pre.alpha.play10561428 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.10.0.pre.alpha.play1054tableheadersortconsolidation1416 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.10.0.pre.alpha.play1054tableheadersortconsolidation1416 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.10.0.pre.alpha.play10561409 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.10.0.pre.alpha.play10561409 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.10.0.pre.alpha.dependabotnpmandyarntiptapextensionlink21121407 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.10.0.pre.alpha.dependabotnpmandyarntiptapextensionlink21121407 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.10.0.pre.alpha.PLAY1046multilevelsingleselectphase21365 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.10.0.pre.alpha.PLAY1046multilevelsingleselectphase21365 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx