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.play845addswiftkitspage1273 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.9.0.pre.alpha.play845addswiftkitspage1273 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.9.0.pre.alpha.play845addswiftkitspage1272 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.9.0.pre.alpha.play845addswiftkitspage1272 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.9.0.pre.alpha.play845allkitsbytypes1271 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.9.0.pre.alpha.play845allkitsbytypes1271 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.9.0.pre.alpha.play845allkitsbytypes1270 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.9.0.pre.alpha.play845allkitsbytypes1270 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.9.0.pre.alpha.play845allkitsbytypes1268 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.9.0.pre.alpha.play845allkitsbytypes1268 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.9.0.pre.alpha.play845allkitsbytypes1266 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.9.0.pre.alpha.play845allkitsbytypes1266 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.9.0.pre.alpha.play845allkitsbytypes1264 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.9.0.pre.alpha.play845allkitsbytypes1264 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.9.0.pre.alpha.play845allkitsbytypes1263 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.9.0.pre.alpha.play845allkitsbytypes1263 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.9.0.pre.alpha.play845allkitsbytypes1262 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.9.0.pre.alpha.play845allkitsbytypes1262 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui_docs-13.9.0.pre.alpha.PLAY962SingleSelect1261 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
playbook_ui-13.9.0.pre.alpha.PLAY962SingleSelect1261 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx