wix-style-react/dist/es/stories/Tooltip/Core/ExampleCustomContent.js

wix-style-react

import React from 'react';
import Tooltip from 'wix-style-react/Tooltip';
import Button from 'wix-style-react/Button';

import styles from './Example.scss';

var content = React.createElement(
  'div',
  null,
  'Custom Content...\xA0',
  React.createElement(
    Button,
    { onClick: function onClick() {
        return alert('You clicked!');
      }, height: 'small' },
    'Click'
  )
);

export default (function () {
  return React.createElement(
    Tooltip,
    {
      active: true,
      placement: 'right',
      alignment: 'center',
      content: content,
      showTrigger: 'custom',
      hideTrigger: 'custom'
    },
    React.createElement(
      'div',
      { className: styles.box },
      'Custom Content'
    )
  );
});