Наложение текста для OfficeUI fabri c PivotItem - PullRequest
Новая
       27

Наложение текста для OfficeUI fabri c PivotItem

1 голос
/ 17 апреля 2020

возможно ли добавить оверлей, когда отдельные кнопки в сводной области наведены?

enter image description here

Например, когда я наводю указатель мыши на значок поиска я хочу, чтобы отобразить наложение текста с надписью «поиск». Я пытался использовать OverlayTrigger из response- bootstrap, но если тег PivotItem окружен, он не будет отображаться в Pivot. Я также попробовал функцию onMouseEnter в теге PivotItem, но она вызывается, когда компонент, показанный этим сводным элементом, наведен поверх значка, а не значка в сводном элементе. 

<Pivot>
      <OverlayTrigger
        placement={'bottom'}
        overlay={
          <Tooltip>
            My overlay text
            </Tooltip>
        }>
          <PivotItem itemIcon="Search">  // this pivot will not show up 
            <Search />
          </PivotItem>
      </OverlayTrigger>
</Pivot>

есть идеи? 

      // onMouseEnter will be called with <Search /> is moused over, not the search icon
      <PivotItem itemIcon="Search" onMouseEnter={() => console.log("moused over")} >
        <Search />
      </PivotItem>
...