2 lines
3.3 KiB
JavaScript
2 lines
3.3 KiB
JavaScript
import{V as b}from"./chunks/FwbRange.vue_vue_type_style_index_0_scoped_fadec9c5_lang.66ff4c69.js";import{_ as p}from"./chunks/FwbButton.vue_vue_type_script_setup_true_lang.47b4329e.js";import{d as u,g as d,o as E,c as r,H as n,w as s,r as m,l as a,a as l,k as i,Q as g}from"./chunks/framework.3f630664.js";import"./chunks/useMergeClasses.5cec3a4e.js";import"./chunks/FwbSpinner.vue_vue_type_script_setup_true_lang.40262df1.js";const f={class:"flex items-start"},o=u({__name:"FwbTooltip",props:{placement:{default:"top"},theme:{default:"dark"},trigger:{default:"hover"}},setup(t){const e=t,c=d(()=>({light:"tooltip-light",dark:"tooltip-dark"})[e.theme]);return(y,V)=>(E(),r("div",f,[n(a(b),{placement:y.placement,triggers:[y.trigger],theme:c.value,"auto-hide":""},{popper:s(()=>[m(y.$slots,"content")]),default:s(()=>[m(y.$slots,"trigger")]),_:3},8,["placement","triggers","theme"])]))}}),_={class:"vp-raw"},h={__name:"FwbTooltipExample",setup(t){return(e,c)=>(E(),r("div",_,[n(a(o),null,{trigger:s(()=>[n(a(p),null,{default:s(()=>[l(" Default Tooltip ")]),_:1})]),content:s(()=>[l(" Tooltip content ")]),_:1})]))}},F={class:"vp-raw flex flex-wrap justify-center gap-2"},w={__name:"FwbTooltipExamplePosition",setup(t){return(e,c)=>(E(),r("div",F,[n(a(o),{placement:"top"},{trigger:s(()=>[n(a(p),null,{default:s(()=>[l(" Tooltip top ")]),_:1})]),content:s(()=>[l(" Tooltip on top ")]),_:1}),n(a(o),{placement:"right"},{trigger:s(()=>[n(a(p),null,{default:s(()=>[l(" Tooltip right ")]),_:1})]),content:s(()=>[l(" Tooltip on right ")]),_:1}),n(a(o),{placement:"bottom"},{trigger:s(()=>[n(a(p),null,{default:s(()=>[l(" Tooltip bottom ")]),_:1})]),content:s(()=>[l(" Tooltip on bottom ")]),_:1}),n(a(o),{placement:"left"},{trigger:s(()=>[n(a(p),null,{default:s(()=>[l(" Tooltip left ")]),_:1})]),content:s(()=>[l(" Tooltip on left ")]),_:1})]))}},D={class:"vp-raw flex flex-wrap justify-center gap-2"},A={__name:"FwbTooltipExampleStyle",setup(t){return(e,c)=>(E(),r("div",D,[n(a(o),{theme:"light"},{trigger:s(()=>[n(a(p),null,{default:s(()=>[l(" Light Tooltip ")]),_:1})]),content:s(()=>[l(" Tooltip content ")]),_:1}),n(a(o),{theme:"dark"},{trigger:s(()=>[n(a(p),null,{default:s(()=>[l(" Dark Tooltip ")]),_:1})]),content:s(()=>[l(" Tooltip content ")]),_:1})]))}},T={class:"vp-raw flex justify-center gap-2"},v=u({__name:"FwbTooltipExampleTrigger",setup(t){return(e,c)=>(E(),r("div",T,[n(a(o),null,{trigger:s(()=>[n(a(p),null,{default:s(()=>[l(" Tooltip hover ")]),_:1})]),content:s(()=>[l(" Tooltip content ")]),_:1}),n(a(o),{trigger:"click"},{trigger:s(()=>[n(a(p),null,{default:s(()=>[l(" Tooltip click ")]),_:1})]),content:s(()=>[l(" Tooltip content ")]),_:1})]))}}),C=i("h1",{id:"vue-tooltip-flowbite",tabindex:"-1"},[l("Vue Tooltip - Flowbite "),i("a",{class:"header-anchor",href:"#vue-tooltip-flowbite","aria-label":'Permalink to "Vue Tooltip - Flowbite"'},"")],-1),B=i("h2",{id:"demo",tabindex:"-1"},[l("Demo "),i("a",{class:"header-anchor",href:"#demo","aria-label":'Permalink to "Demo"'},"")],-1),k=g("",3),q=g("",3),x=g("",3),P=g("",1),L=JSON.parse('{"title":"Vue Tooltip - Flowbite","description":"","frontmatter":{},"headers":[],"relativePath":"components/tooltip.md","filePath":"components/tooltip.md"}'),S={name:"components/tooltip.md"},O=Object.assign(S,{setup(t){return(e,c)=>(E(),r("div",null,[C,B,n(h),k,n(A),q,n(w),x,n(v),P]))}});export{L as __pageData,O as default};
|