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.9.0.pre.alpha.play845allkitsbytypes1260 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.9.0.pre.alpha.play845allkitsbytypes1260 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.9.0 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.8.0.pre.alpha.play845allkitsbytypes1258 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.8.0.pre.alpha.play845allkitsbytypes1258 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.8.0.pre.alpha.play845allkitsbytypes1257 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.8.0.pre.alpha.play845allkitsbytypes1257 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.8.0.pre.alpha.PLAY962SingleSelect1256 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.8.0.pre.alpha.PLAY962SingleSelect1256 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.8.0.pre.alpha.play845allkitsbytypes1255 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.8.0.pre.alpha.play845allkitsbytypes1255 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.8.0.pre.alpha.play845allkitsbytypes1254 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.8.0.pre.alpha.play845allkitsbytypes1254 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.8.0.pre.alpha.PLAY962SingleSelect1246 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.8.0.pre.alpha.PLAY962SingleSelect1246 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.8.0.pre.alpha.PLAY1016reactionbuttonemojibug1245 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.8.0.pre.alpha.PLAY1016reactionbuttonemojibug1245 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.8.0 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.7.0.pre.alpha.play845allkitsbytypes1234 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.7.0.pre.alpha.play845allkitsbytypes1234 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx