如何在IonButton上应用悬停效果，以便在Ionic-React中打开IonPopover作为工具提示？

fzwojiic 于 2022-12-08 发布在 Ionic

关注(0)|答案(1)|浏览(147)

<IonPopover
 showBackdrop={false}
 cssClass="theme-popover"
 event={popoverState.event}
 isOpen={popoverState.showPopover}
 onDidDismiss={() =>
 setShowPopover({
  showPopover: false,
  event: undefined,
 })
 }
>
   <IonContent class="ion-padding">
     Hello World!
   </IonContent>
</IonPopover>

ionic-framework

来源：https://stackoverflow.com/questions/73104551/how-to-apply-hover-effect-on-ionbutton-so-that-it-can-open-ionpopover-as-tooltip

1条答案

按热度按时间

x0fgdtte1#

you can use triggerAction="hover" to show popover on hover:

<IonButton id="hover-trigger">Hover Over Me</IonButton>

<IonPopover trigger="hover-trigger" triggerAction="hover">
   <IonContent class="ion-padding">Hello World!</IonContent>
</IonPopover>

See Documentation: ion-popover

赞(0）回复(0）举报 2022-12-08

我来回答

如何在IonButton上应用悬停效果，以便在Ionic-React中打开IonPopover作为工具提示？

1条答案

相关问题

热门标签

最新问答