Как я могу создать шаблон с полями ввода при использовании tippy в реагировать? - PullRequest
Новая
       27

Как я могу создать шаблон с полями ввода при использовании tippy в реагировать?

0 голосов
/ 17 января 2019

У меня есть кнопка, и при наведении курсора на кнопку должен отображаться шаблон над ней, и я должен быть в состоянии заполнить и отправить. Как я могу добиться этого с помощью Tippy.

enter image description here

Как показано на изображении выше, мне нужно иметь поле ввода и гораздо больше полей для отправки и отмены при наведении курсора на код ниже. 

render() {
    return (
      <div className="App">
        <div>
          <button
            variant="contained"
            color="primary"
            data-tippy="Tooltip"
            data-tippy-animation="scale"
            data-tippy-duration="0"
            data-tippy-arrow="true"
            data-tippy-delay="[800, 200]"
          >
            Click to Tag
          </button>

          <button data-tippy="Tooltip">Text</button>
          <button data-tippy="Another Tooltip">Text</button>
          <button data-tippy="Hey">Text</button>
        </div>
      </div>
    );
  }

Я посетил приведенный ниже URL, но не смог понять, как его использовать https://atomiks.github.io/tippyjs/html-content/

...