Sha256: f2a6e1904a9ec5516afdb0afc06f3d2cc9ea8c464747384c31ec80c8cb84142a

Contents?: true

Size: 1.06 KB

Versions: 944

Compression:

Stored size: 1.06 KB

Contents

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

const TooltipIcon = (props) => {
  return (
    <Flex flexDirection='row'
        gap='md'
        wrap
    >
      <Tooltip
          icon='paper-plane'
          placement='top'
          text='Send Email'
          zIndex={10}
          {...props}
      >
        <Button text='Tooltip With Icon' />
      </Tooltip>
      <Tooltip
          icon='paper-plane'
          placement='bottom'
          text='Send Email'
          zIndex={10}
          {...props}
      >
        <Button text='Tooltip With Icon' />
      </Tooltip>
      <Tooltip
          icon='paper-plane'
          placement='right'
          text='Send Email'
          zIndex={10}
          {...props}
      >
        <Button text='Tooltip With Icon' />
      </Tooltip>
      <Tooltip
          icon='paper-plane'
          placement='left'
          text='Send Email'
          zIndex={10}
          {...props}
      >
        <Button text='Tooltip With Icon' />
      </Tooltip>
    </Flex>
  )
}

export default TooltipIcon

Version data entries

944 entries across 944 versions & 2 rubygems

Version Path
playbook_ui_docs-14.0.0.pre.alpha.PLAY14733479 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
playbook_ui-14.0.0.pre.alpha.PLAY14733479 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
playbook_ui_docs-14.0.0.pre.alpha.dependabotnpmandyarnreactjoyride2823478 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
playbook_ui-14.0.0.pre.alpha.dependabotnpmandyarnreactjoyride2823478 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
playbook_ui_docs-14.0.0.pre.alpha.PLAY14113475 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
playbook_ui-14.0.0.pre.alpha.PLAY14113475 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
playbook_ui_docs-14.0.0.pre.alpha.play1447alphatest3462 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
playbook_ui-14.0.0.pre.alpha.play1447alphatest3462 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
playbook_ui_docs-14.1.0 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
playbook_ui-14.1.0 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
playbook_ui_docs-13.34.1.pre.alpha.play1447addrequiredicons3455 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
playbook_ui-13.34.1.pre.alpha.play1447addrequiredicons3455 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
playbook_ui_docs-13.34.1.pre.alpha.play1447addrequiredicons3451 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
playbook_ui-13.34.1.pre.alpha.play1447addrequiredicons3451 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
playbook_ui_docs-13.34.1.pre.alpha.PLAY14043436 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
playbook_ui-13.34.1.pre.alpha.PLAY14043436 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
playbook_ui_docs-13.34.1.pre.alpha.pbntr258paginationkitforreact3413 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
playbook_ui-13.34.1.pre.alpha.pbntr258paginationkitforreact3413 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
playbook_ui_docs-13.34.1.pre.alpha.pbntr258paginationkitforreact3411 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
playbook_ui-13.34.1.pre.alpha.pbntr258paginationkitforreact3411 app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx