[{"data":1,"prerenderedAt":2956},["Reactive",2],{"content-query-wMS0AikRPL":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"body":10,"_type":2952,"_id":2953,"_source":2954,"_file":2955,"_extension":2506},"/docs/components/tooltip","components",false,"","Tooltip - Inkline","Tooltips are useful for conveying information when an user hovers over an element.",{"type":11,"children":12,"toc":2939},"root",[13,22,28,56,225,232,270,288,385,887,893,912,1330,1336,1367,2163,2169,2181,2478,2484,2522,2896,2902,2906,2912,2916,2921,2925,2931,2935],{"type":14,"tag":15,"props":16,"children":18},"element","h1",{"id":17},"tooltip",[19],{"type":20,"value":21},"text","Tooltip",{"type":14,"tag":23,"props":24,"children":26},"h2",{"id":25},"tooltips-are-useful-for-conveying-information-when-an-user-hovers-over-an-element",[27],{"type":20,"value":9},{"type":14,"tag":29,"props":30,"children":31},"p",{},[32,34,40,42,47,49,54],{"type":20,"value":33},"Wrap the trigger element (such as an ",{"type":14,"tag":35,"props":36,"children":37},"code-inline",{},[38],{"type":20,"value":39},"\u003CIButton>",{"type":20,"value":41},") and provide a ",{"type":14,"tag":35,"props":43,"children":44},{},[45],{"type":20,"value":46},"\u003Ctemplate #body>",{"type":20,"value":48}," inside an ",{"type":14,"tag":35,"props":50,"children":51},{},[52],{"type":20,"value":53},"\u003CITooltip>",{"type":20,"value":55}," component to create a tooltip.",{"type":14,"tag":57,"props":58,"children":59},"content-tabs",{},[60,69],{"type":14,"tag":61,"props":62,"children":63},"template",{"v-slot:preview":7},[64],{"type":14,"tag":65,"props":66,"children":68},"content-preview",{"src":67},"/components/ITooltip/examples/basic",[],{"type":14,"tag":61,"props":70,"children":71},{"v-slot:vue":7},[72],{"type":14,"tag":73,"props":74,"children":79},"code",{"className":75,"code":77,"language":78,"meta":7},[76],"language-vue","\u003Ctemplate>\n    \u003CITooltip>\n        \u003CIButton>Tooltip\u003C/IButton>\n        \u003Ctemplate #body>Tooltip\u003C/template>\n    \u003C/ITooltip>\n\u003C/template>\n\n","vue",[80],{"type":14,"tag":81,"props":82,"children":83},"pre",{},[84],{"type":14,"tag":73,"props":85,"children":86},{"__ignoreMap":7},[87,109,128,155,190,207],{"type":14,"tag":88,"props":89,"children":92},"span",{"class":90,"line":91},"line",1,[93,99,104],{"type":14,"tag":88,"props":94,"children":96},{"class":95},"ct-553616",[97],{"type":20,"value":98},"\u003C",{"type":14,"tag":88,"props":100,"children":102},{"class":101},"ct-914029",[103],{"type":20,"value":61},{"type":14,"tag":88,"props":105,"children":106},{"class":95},[107],{"type":20,"value":108},">\n",{"type":14,"tag":88,"props":110,"children":112},{"class":90,"line":111},2,[113,118,124],{"type":14,"tag":88,"props":114,"children":115},{"class":95},[116],{"type":20,"value":117},"    \u003C",{"type":14,"tag":88,"props":119,"children":121},{"class":120},"ct-028869",[122],{"type":20,"value":123},"ITooltip",{"type":14,"tag":88,"props":125,"children":126},{"class":95},[127],{"type":20,"value":108},{"type":14,"tag":88,"props":129,"children":131},{"class":90,"line":130},3,[132,137,142,147,151],{"type":14,"tag":88,"props":133,"children":134},{"class":95},[135],{"type":20,"value":136},"        \u003C",{"type":14,"tag":88,"props":138,"children":139},{"class":120},[140],{"type":20,"value":141},"IButton",{"type":14,"tag":88,"props":143,"children":144},{"class":95},[145],{"type":20,"value":146},">Tooltip\u003C/",{"type":14,"tag":88,"props":148,"children":149},{"class":120},[150],{"type":20,"value":141},{"type":14,"tag":88,"props":152,"children":153},{"class":95},[154],{"type":20,"value":108},{"type":14,"tag":88,"props":156,"children":158},{"class":90,"line":157},4,[159,163,167,172,178,182,186],{"type":14,"tag":88,"props":160,"children":161},{"class":95},[162],{"type":20,"value":136},{"type":14,"tag":88,"props":164,"children":165},{"class":101},[166],{"type":20,"value":61},{"type":14,"tag":88,"props":168,"children":169},{"class":95},[170],{"type":20,"value":171}," #",{"type":14,"tag":88,"props":173,"children":175},{"class":174},"ct-762058",[176],{"type":20,"value":177},"body",{"type":14,"tag":88,"props":179,"children":180},{"class":95},[181],{"type":20,"value":146},{"type":14,"tag":88,"props":183,"children":184},{"class":101},[185],{"type":20,"value":61},{"type":14,"tag":88,"props":187,"children":188},{"class":95},[189],{"type":20,"value":108},{"type":14,"tag":88,"props":191,"children":193},{"class":90,"line":192},5,[194,199,203],{"type":14,"tag":88,"props":195,"children":196},{"class":95},[197],{"type":20,"value":198},"    \u003C/",{"type":14,"tag":88,"props":200,"children":201},{"class":120},[202],{"type":20,"value":123},{"type":14,"tag":88,"props":204,"children":205},{"class":95},[206],{"type":20,"value":108},{"type":14,"tag":88,"props":208,"children":210},{"class":90,"line":209},6,[211,216,220],{"type":14,"tag":88,"props":212,"children":213},{"class":95},[214],{"type":20,"value":215},"\u003C/",{"type":14,"tag":88,"props":217,"children":218},{"class":101},[219],{"type":20,"value":61},{"type":14,"tag":88,"props":221,"children":222},{"class":95},[223],{"type":20,"value":224},">",{"type":14,"tag":226,"props":227,"children":229},"h3",{"id":228},"placement",[230],{"type":20,"value":231},"Placement",{"type":14,"tag":29,"props":233,"children":234},{},[235,237,242,244,249,250,255,257,262,264,268],{"type":20,"value":236},"Trigger tooltips at the ",{"type":14,"tag":35,"props":238,"children":239},{},[240],{"type":20,"value":241},"top",{"type":20,"value":243},", ",{"type":14,"tag":35,"props":245,"children":246},{},[247],{"type":20,"value":248},"bottom",{"type":20,"value":243},{"type":14,"tag":35,"props":251,"children":252},{},[253],{"type":20,"value":254},"left",{"type":20,"value":256}," or ",{"type":14,"tag":35,"props":258,"children":259},{},[260],{"type":20,"value":261},"right",{"type":20,"value":263}," of elements by using the ",{"type":14,"tag":35,"props":265,"children":266},{},[267],{"type":20,"value":228},{"type":20,"value":269}," property.",{"type":14,"tag":29,"props":271,"children":272},{},[273,275,280,281,286],{"type":20,"value":274},"Each position also has a ",{"type":14,"tag":35,"props":276,"children":277},{},[278],{"type":20,"value":279},"-start",{"type":20,"value":256},{"type":14,"tag":35,"props":282,"children":283},{},[284],{"type":20,"value":285},"-end",{"type":20,"value":287}," variant that sets the tooltip to the start or end of the placement instead of centering it. The possible placements are:",{"type":14,"tag":289,"props":290,"children":291},"ul",{},[292,300,308,316,323,331,339,346,354,362,369,377],{"type":14,"tag":293,"props":294,"children":295},"li",{},[296],{"type":14,"tag":35,"props":297,"children":298},{},[299],{"type":20,"value":241},{"type":14,"tag":293,"props":301,"children":302},{},[303],{"type":14,"tag":35,"props":304,"children":305},{},[306],{"type":20,"value":307},"top-start",{"type":14,"tag":293,"props":309,"children":310},{},[311],{"type":14,"tag":35,"props":312,"children":313},{},[314],{"type":20,"value":315},"top-end",{"type":14,"tag":293,"props":317,"children":318},{},[319],{"type":14,"tag":35,"props":320,"children":321},{},[322],{"type":20,"value":248},{"type":14,"tag":293,"props":324,"children":325},{},[326],{"type":14,"tag":35,"props":327,"children":328},{},[329],{"type":20,"value":330},"bottom-start",{"type":14,"tag":293,"props":332,"children":333},{},[334],{"type":14,"tag":35,"props":335,"children":336},{},[337],{"type":20,"value":338},"bottom-end",{"type":14,"tag":293,"props":340,"children":341},{},[342],{"type":14,"tag":35,"props":343,"children":344},{},[345],{"type":20,"value":254},{"type":14,"tag":293,"props":347,"children":348},{},[349],{"type":14,"tag":35,"props":350,"children":351},{},[352],{"type":20,"value":353},"left-start",{"type":14,"tag":293,"props":355,"children":356},{},[357],{"type":14,"tag":35,"props":358,"children":359},{},[360],{"type":20,"value":361},"left-end",{"type":14,"tag":293,"props":363,"children":364},{},[365],{"type":14,"tag":35,"props":366,"children":367},{},[368],{"type":20,"value":261},{"type":14,"tag":293,"props":370,"children":371},{},[372],{"type":14,"tag":35,"props":373,"children":374},{},[375],{"type":20,"value":376},"right-start",{"type":14,"tag":293,"props":378,"children":379},{},[380],{"type":14,"tag":35,"props":381,"children":382},{},[383],{"type":20,"value":384},"right-end",{"type":14,"tag":57,"props":386,"children":387},{},[388,395],{"type":14,"tag":61,"props":389,"children":390},{"v-slot:preview":7},[391],{"type":14,"tag":65,"props":392,"children":394},{"src":393},"/components/ITooltip/examples/placement",[],{"type":14,"tag":61,"props":396,"children":397},{"v-slot:vue":7},[398],{"type":14,"tag":73,"props":399,"children":402},{"className":400,"code":401,"language":78,"meta":7},[76],"\u003Ctemplate>\n    \u003CITooltip placement=\"top\">\n        \u003CIButton>Top Tooltip\u003C/IButton>\n        \u003Ctemplate #body>Tooltip\u003C/template>\n    \u003C/ITooltip>\n\n    \u003CITooltip placement=\"bottom\">\n        \u003CIButton>Bottom Tooltip\u003C/IButton>\n        \u003Ctemplate #body>Tooltip\u003C/template>\n    \u003C/ITooltip>\n\n    \u003CITooltip placement=\"left\">\n        \u003CIButton>Left Tooltip\u003C/IButton>\n        \u003Ctemplate #body>Tooltip\u003C/template>\n    \u003C/ITooltip>\n\n    \u003CITooltip placement=\"right\">\n        \u003CIButton>Right Tooltip\u003C/IButton>\n        \u003Ctemplate #body>Tooltip\u003C/template>\n    \u003C/ITooltip>\n\u003C/template>\n\n",[403],{"type":14,"tag":81,"props":404,"children":405},{},[406],{"type":14,"tag":73,"props":407,"children":408},{"__ignoreMap":7},[409,424,459,483,514,529,537,570,595,627,643,651,684,709,741,757,765,798,823,855,871],{"type":14,"tag":88,"props":410,"children":411},{"class":90,"line":91},[412,416,420],{"type":14,"tag":88,"props":413,"children":414},{"class":95},[415],{"type":20,"value":98},{"type":14,"tag":88,"props":417,"children":418},{"class":101},[419],{"type":20,"value":61},{"type":14,"tag":88,"props":421,"children":422},{"class":95},[423],{"type":20,"value":108},{"type":14,"tag":88,"props":425,"children":426},{"class":90,"line":111},[427,431,435,440,444,449,455],{"type":14,"tag":88,"props":428,"children":429},{"class":95},[430],{"type":20,"value":117},{"type":14,"tag":88,"props":432,"children":433},{"class":120},[434],{"type":20,"value":123},{"type":14,"tag":88,"props":436,"children":437},{"class":95},[438],{"type":20,"value":439}," ",{"type":14,"tag":88,"props":441,"children":442},{"class":174},[443],{"type":20,"value":228},{"type":14,"tag":88,"props":445,"children":446},{"class":95},[447],{"type":20,"value":448},"=",{"type":14,"tag":88,"props":450,"children":452},{"class":451},"ct-952708",[453],{"type":20,"value":454},"\"top\"",{"type":14,"tag":88,"props":456,"children":457},{"class":95},[458],{"type":20,"value":108},{"type":14,"tag":88,"props":460,"children":461},{"class":90,"line":130},[462,466,470,475,479],{"type":14,"tag":88,"props":463,"children":464},{"class":95},[465],{"type":20,"value":136},{"type":14,"tag":88,"props":467,"children":468},{"class":120},[469],{"type":20,"value":141},{"type":14,"tag":88,"props":471,"children":472},{"class":95},[473],{"type":20,"value":474},">Top Tooltip\u003C/",{"type":14,"tag":88,"props":476,"children":477},{"class":120},[478],{"type":20,"value":141},{"type":14,"tag":88,"props":480,"children":481},{"class":95},[482],{"type":20,"value":108},{"type":14,"tag":88,"props":484,"children":485},{"class":90,"line":157},[486,490,494,498,502,506,510],{"type":14,"tag":88,"props":487,"children":488},{"class":95},[489],{"type":20,"value":136},{"type":14,"tag":88,"props":491,"children":492},{"class":101},[493],{"type":20,"value":61},{"type":14,"tag":88,"props":495,"children":496},{"class":95},[497],{"type":20,"value":171},{"type":14,"tag":88,"props":499,"children":500},{"class":174},[501],{"type":20,"value":177},{"type":14,"tag":88,"props":503,"children":504},{"class":95},[505],{"type":20,"value":146},{"type":14,"tag":88,"props":507,"children":508},{"class":101},[509],{"type":20,"value":61},{"type":14,"tag":88,"props":511,"children":512},{"class":95},[513],{"type":20,"value":108},{"type":14,"tag":88,"props":515,"children":516},{"class":90,"line":192},[517,521,525],{"type":14,"tag":88,"props":518,"children":519},{"class":95},[520],{"type":20,"value":198},{"type":14,"tag":88,"props":522,"children":523},{"class":120},[524],{"type":20,"value":123},{"type":14,"tag":88,"props":526,"children":527},{"class":95},[528],{"type":20,"value":108},{"type":14,"tag":88,"props":530,"children":531},{"class":90,"line":209},[532],{"type":14,"tag":88,"props":533,"children":534},{},[535],{"type":20,"value":536},"\n",{"type":14,"tag":88,"props":538,"children":540},{"class":90,"line":539},7,[541,545,549,553,557,561,566],{"type":14,"tag":88,"props":542,"children":543},{"class":95},[544],{"type":20,"value":117},{"type":14,"tag":88,"props":546,"children":547},{"class":120},[548],{"type":20,"value":123},{"type":14,"tag":88,"props":550,"children":551},{"class":95},[552],{"type":20,"value":439},{"type":14,"tag":88,"props":554,"children":555},{"class":174},[556],{"type":20,"value":228},{"type":14,"tag":88,"props":558,"children":559},{"class":95},[560],{"type":20,"value":448},{"type":14,"tag":88,"props":562,"children":563},{"class":451},[564],{"type":20,"value":565},"\"bottom\"",{"type":14,"tag":88,"props":567,"children":568},{"class":95},[569],{"type":20,"value":108},{"type":14,"tag":88,"props":571,"children":573},{"class":90,"line":572},8,[574,578,582,587,591],{"type":14,"tag":88,"props":575,"children":576},{"class":95},[577],{"type":20,"value":136},{"type":14,"tag":88,"props":579,"children":580},{"class":120},[581],{"type":20,"value":141},{"type":14,"tag":88,"props":583,"children":584},{"class":95},[585],{"type":20,"value":586},">Bottom Tooltip\u003C/",{"type":14,"tag":88,"props":588,"children":589},{"class":120},[590],{"type":20,"value":141},{"type":14,"tag":88,"props":592,"children":593},{"class":95},[594],{"type":20,"value":108},{"type":14,"tag":88,"props":596,"children":598},{"class":90,"line":597},9,[599,603,607,611,615,619,623],{"type":14,"tag":88,"props":600,"children":601},{"class":95},[602],{"type":20,"value":136},{"type":14,"tag":88,"props":604,"children":605},{"class":101},[606],{"type":20,"value":61},{"type":14,"tag":88,"props":608,"children":609},{"class":95},[610],{"type":20,"value":171},{"type":14,"tag":88,"props":612,"children":613},{"class":174},[614],{"type":20,"value":177},{"type":14,"tag":88,"props":616,"children":617},{"class":95},[618],{"type":20,"value":146},{"type":14,"tag":88,"props":620,"children":621},{"class":101},[622],{"type":20,"value":61},{"type":14,"tag":88,"props":624,"children":625},{"class":95},[626],{"type":20,"value":108},{"type":14,"tag":88,"props":628,"children":630},{"class":90,"line":629},10,[631,635,639],{"type":14,"tag":88,"props":632,"children":633},{"class":95},[634],{"type":20,"value":198},{"type":14,"tag":88,"props":636,"children":637},{"class":120},[638],{"type":20,"value":123},{"type":14,"tag":88,"props":640,"children":641},{"class":95},[642],{"type":20,"value":108},{"type":14,"tag":88,"props":644,"children":646},{"class":90,"line":645},11,[647],{"type":14,"tag":88,"props":648,"children":649},{},[650],{"type":20,"value":536},{"type":14,"tag":88,"props":652,"children":654},{"class":90,"line":653},12,[655,659,663,667,671,675,680],{"type":14,"tag":88,"props":656,"children":657},{"class":95},[658],{"type":20,"value":117},{"type":14,"tag":88,"props":660,"children":661},{"class":120},[662],{"type":20,"value":123},{"type":14,"tag":88,"props":664,"children":665},{"class":95},[666],{"type":20,"value":439},{"type":14,"tag":88,"props":668,"children":669},{"class":174},[670],{"type":20,"value":228},{"type":14,"tag":88,"props":672,"children":673},{"class":95},[674],{"type":20,"value":448},{"type":14,"tag":88,"props":676,"children":677},{"class":451},[678],{"type":20,"value":679},"\"left\"",{"type":14,"tag":88,"props":681,"children":682},{"class":95},[683],{"type":20,"value":108},{"type":14,"tag":88,"props":685,"children":687},{"class":90,"line":686},13,[688,692,696,701,705],{"type":14,"tag":88,"props":689,"children":690},{"class":95},[691],{"type":20,"value":136},{"type":14,"tag":88,"props":693,"children":694},{"class":120},[695],{"type":20,"value":141},{"type":14,"tag":88,"props":697,"children":698},{"class":95},[699],{"type":20,"value":700},">Left Tooltip\u003C/",{"type":14,"tag":88,"props":702,"children":703},{"class":120},[704],{"type":20,"value":141},{"type":14,"tag":88,"props":706,"children":707},{"class":95},[708],{"type":20,"value":108},{"type":14,"tag":88,"props":710,"children":712},{"class":90,"line":711},14,[713,717,721,725,729,733,737],{"type":14,"tag":88,"props":714,"children":715},{"class":95},[716],{"type":20,"value":136},{"type":14,"tag":88,"props":718,"children":719},{"class":101},[720],{"type":20,"value":61},{"type":14,"tag":88,"props":722,"children":723},{"class":95},[724],{"type":20,"value":171},{"type":14,"tag":88,"props":726,"children":727},{"class":174},[728],{"type":20,"value":177},{"type":14,"tag":88,"props":730,"children":731},{"class":95},[732],{"type":20,"value":146},{"type":14,"tag":88,"props":734,"children":735},{"class":101},[736],{"type":20,"value":61},{"type":14,"tag":88,"props":738,"children":739},{"class":95},[740],{"type":20,"value":108},{"type":14,"tag":88,"props":742,"children":744},{"class":90,"line":743},15,[745,749,753],{"type":14,"tag":88,"props":746,"children":747},{"class":95},[748],{"type":20,"value":198},{"type":14,"tag":88,"props":750,"children":751},{"class":120},[752],{"type":20,"value":123},{"type":14,"tag":88,"props":754,"children":755},{"class":95},[756],{"type":20,"value":108},{"type":14,"tag":88,"props":758,"children":760},{"class":90,"line":759},16,[761],{"type":14,"tag":88,"props":762,"children":763},{},[764],{"type":20,"value":536},{"type":14,"tag":88,"props":766,"children":768},{"class":90,"line":767},17,[769,773,777,781,785,789,794],{"type":14,"tag":88,"props":770,"children":771},{"class":95},[772],{"type":20,"value":117},{"type":14,"tag":88,"props":774,"children":775},{"class":120},[776],{"type":20,"value":123},{"type":14,"tag":88,"props":778,"children":779},{"class":95},[780],{"type":20,"value":439},{"type":14,"tag":88,"props":782,"children":783},{"class":174},[784],{"type":20,"value":228},{"type":14,"tag":88,"props":786,"children":787},{"class":95},[788],{"type":20,"value":448},{"type":14,"tag":88,"props":790,"children":791},{"class":451},[792],{"type":20,"value":793},"\"right\"",{"type":14,"tag":88,"props":795,"children":796},{"class":95},[797],{"type":20,"value":108},{"type":14,"tag":88,"props":799,"children":801},{"class":90,"line":800},18,[802,806,810,815,819],{"type":14,"tag":88,"props":803,"children":804},{"class":95},[805],{"type":20,"value":136},{"type":14,"tag":88,"props":807,"children":808},{"class":120},[809],{"type":20,"value":141},{"type":14,"tag":88,"props":811,"children":812},{"class":95},[813],{"type":20,"value":814},">Right Tooltip\u003C/",{"type":14,"tag":88,"props":816,"children":817},{"class":120},[818],{"type":20,"value":141},{"type":14,"tag":88,"props":820,"children":821},{"class":95},[822],{"type":20,"value":108},{"type":14,"tag":88,"props":824,"children":826},{"class":90,"line":825},19,[827,831,835,839,843,847,851],{"type":14,"tag":88,"props":828,"children":829},{"class":95},[830],{"type":20,"value":136},{"type":14,"tag":88,"props":832,"children":833},{"class":101},[834],{"type":20,"value":61},{"type":14,"tag":88,"props":836,"children":837},{"class":95},[838],{"type":20,"value":171},{"type":14,"tag":88,"props":840,"children":841},{"class":174},[842],{"type":20,"value":177},{"type":14,"tag":88,"props":844,"children":845},{"class":95},[846],{"type":20,"value":146},{"type":14,"tag":88,"props":848,"children":849},{"class":101},[850],{"type":20,"value":61},{"type":14,"tag":88,"props":852,"children":853},{"class":95},[854],{"type":20,"value":108},{"type":14,"tag":88,"props":856,"children":858},{"class":90,"line":857},20,[859,863,867],{"type":14,"tag":88,"props":860,"children":861},{"class":95},[862],{"type":20,"value":198},{"type":14,"tag":88,"props":864,"children":865},{"class":120},[866],{"type":20,"value":123},{"type":14,"tag":88,"props":868,"children":869},{"class":95},[870],{"type":20,"value":108},{"type":14,"tag":88,"props":872,"children":874},{"class":90,"line":873},21,[875,879,883],{"type":14,"tag":88,"props":876,"children":877},{"class":95},[878],{"type":20,"value":215},{"type":14,"tag":88,"props":880,"children":881},{"class":101},[882],{"type":20,"value":61},{"type":14,"tag":88,"props":884,"children":885},{"class":95},[886],{"type":20,"value":224},{"type":14,"tag":226,"props":888,"children":890},{"id":889},"freeform",[891],{"type":20,"value":892},"Freeform",{"type":14,"tag":29,"props":894,"children":895},{},[896,898,903,905,910],{"type":20,"value":897},"Tooltips can contain text of virtually any size. You can control the wrapping and the maximum width of the tooltip by setting ",{"type":14,"tag":35,"props":899,"children":900},{},[901],{"type":20,"value":902},"white-space: normal",{"type":20,"value":904}," and a fixed ",{"type":14,"tag":35,"props":906,"children":907},{},[908],{"type":20,"value":909},"width",{"type":20,"value":911}," property on the tooltip content.",{"type":14,"tag":57,"props":913,"children":914},{},[915,922],{"type":14,"tag":61,"props":916,"children":917},{"v-slot:preview":7},[918],{"type":14,"tag":65,"props":919,"children":921},{"src":920},"/components/ITooltip/examples/freeform",[],{"type":14,"tag":61,"props":923,"children":924},{"v-slot:vue":7},[925],{"type":14,"tag":73,"props":926,"children":929},{"className":927,"code":928,"language":78,"meta":7},[76],"\u003Ctemplate>\n    \u003CITooltip>\n        \u003CIButton>Normal Tooltip\u003C/IButton>\n        \u003Ctemplate #body>\n            This is a \u003Cstrong>freeform tooltip\u003C/strong> with a \u003Cu>long text\u003C/u>. Its width is not\n            controlled.\n        \u003C/template>\n    \u003C/ITooltip>\n\n    \u003CITooltip>\n        \u003CIButton>Fixed Width Tooltip\u003C/IButton>\n        \u003Ctemplate #body>\n            \u003Cdiv class=\"_xs:justify-content:center\" style=\"white-space: normal; width: 240px\">\n                This is a \u003Cstrong>freeform tooltip\u003C/strong> with a \u003Cu>long text\u003C/u>. Its width is\n                controlled.\n            \u003C/div>\n        \u003C/template>\n    \u003C/ITooltip>\n\u003C/template>\n\n",[930],{"type":14,"tag":81,"props":931,"children":932},{},[933],{"type":14,"tag":73,"props":934,"children":935},{"__ignoreMap":7},[936,951,966,990,1013,1059,1067,1083,1098,1105,1120,1144,1167,1220,1261,1269,1285,1300,1315],{"type":14,"tag":88,"props":937,"children":938},{"class":90,"line":91},[939,943,947],{"type":14,"tag":88,"props":940,"children":941},{"class":95},[942],{"type":20,"value":98},{"type":14,"tag":88,"props":944,"children":945},{"class":101},[946],{"type":20,"value":61},{"type":14,"tag":88,"props":948,"children":949},{"class":95},[950],{"type":20,"value":108},{"type":14,"tag":88,"props":952,"children":953},{"class":90,"line":111},[954,958,962],{"type":14,"tag":88,"props":955,"children":956},{"class":95},[957],{"type":20,"value":117},{"type":14,"tag":88,"props":959,"children":960},{"class":120},[961],{"type":20,"value":123},{"type":14,"tag":88,"props":963,"children":964},{"class":95},[965],{"type":20,"value":108},{"type":14,"tag":88,"props":967,"children":968},{"class":90,"line":130},[969,973,977,982,986],{"type":14,"tag":88,"props":970,"children":971},{"class":95},[972],{"type":20,"value":136},{"type":14,"tag":88,"props":974,"children":975},{"class":120},[976],{"type":20,"value":141},{"type":14,"tag":88,"props":978,"children":979},{"class":95},[980],{"type":20,"value":981},">Normal Tooltip\u003C/",{"type":14,"tag":88,"props":983,"children":984},{"class":120},[985],{"type":20,"value":141},{"type":14,"tag":88,"props":987,"children":988},{"class":95},[989],{"type":20,"value":108},{"type":14,"tag":88,"props":991,"children":992},{"class":90,"line":157},[993,997,1001,1005,1009],{"type":14,"tag":88,"props":994,"children":995},{"class":95},[996],{"type":20,"value":136},{"type":14,"tag":88,"props":998,"children":999},{"class":101},[1000],{"type":20,"value":61},{"type":14,"tag":88,"props":1002,"children":1003},{"class":95},[1004],{"type":20,"value":171},{"type":14,"tag":88,"props":1006,"children":1007},{"class":174},[1008],{"type":20,"value":177},{"type":14,"tag":88,"props":1010,"children":1011},{"class":95},[1012],{"type":20,"value":108},{"type":14,"tag":88,"props":1014,"children":1015},{"class":90,"line":192},[1016,1021,1026,1031,1035,1040,1045,1050,1054],{"type":14,"tag":88,"props":1017,"children":1018},{"class":95},[1019],{"type":20,"value":1020},"            This is a \u003C",{"type":14,"tag":88,"props":1022,"children":1023},{"class":101},[1024],{"type":20,"value":1025},"strong",{"type":14,"tag":88,"props":1027,"children":1028},{"class":95},[1029],{"type":20,"value":1030},">freeform tooltip\u003C/",{"type":14,"tag":88,"props":1032,"children":1033},{"class":101},[1034],{"type":20,"value":1025},{"type":14,"tag":88,"props":1036,"children":1037},{"class":95},[1038],{"type":20,"value":1039},"> with a \u003C",{"type":14,"tag":88,"props":1041,"children":1042},{"class":101},[1043],{"type":20,"value":1044},"u",{"type":14,"tag":88,"props":1046,"children":1047},{"class":95},[1048],{"type":20,"value":1049},">long text\u003C/",{"type":14,"tag":88,"props":1051,"children":1052},{"class":101},[1053],{"type":20,"value":1044},{"type":14,"tag":88,"props":1055,"children":1056},{"class":95},[1057],{"type":20,"value":1058},">. Its width is not\n",{"type":14,"tag":88,"props":1060,"children":1061},{"class":90,"line":209},[1062],{"type":14,"tag":88,"props":1063,"children":1064},{"class":95},[1065],{"type":20,"value":1066},"            controlled.\n",{"type":14,"tag":88,"props":1068,"children":1069},{"class":90,"line":539},[1070,1075,1079],{"type":14,"tag":88,"props":1071,"children":1072},{"class":95},[1073],{"type":20,"value":1074},"        \u003C/",{"type":14,"tag":88,"props":1076,"children":1077},{"class":101},[1078],{"type":20,"value":61},{"type":14,"tag":88,"props":1080,"children":1081},{"class":95},[1082],{"type":20,"value":108},{"type":14,"tag":88,"props":1084,"children":1085},{"class":90,"line":572},[1086,1090,1094],{"type":14,"tag":88,"props":1087,"children":1088},{"class":95},[1089],{"type":20,"value":198},{"type":14,"tag":88,"props":1091,"children":1092},{"class":120},[1093],{"type":20,"value":123},{"type":14,"tag":88,"props":1095,"children":1096},{"class":95},[1097],{"type":20,"value":108},{"type":14,"tag":88,"props":1099,"children":1100},{"class":90,"line":597},[1101],{"type":14,"tag":88,"props":1102,"children":1103},{},[1104],{"type":20,"value":536},{"type":14,"tag":88,"props":1106,"children":1107},{"class":90,"line":629},[1108,1112,1116],{"type":14,"tag":88,"props":1109,"children":1110},{"class":95},[1111],{"type":20,"value":117},{"type":14,"tag":88,"props":1113,"children":1114},{"class":120},[1115],{"type":20,"value":123},{"type":14,"tag":88,"props":1117,"children":1118},{"class":95},[1119],{"type":20,"value":108},{"type":14,"tag":88,"props":1121,"children":1122},{"class":90,"line":645},[1123,1127,1131,1136,1140],{"type":14,"tag":88,"props":1124,"children":1125},{"class":95},[1126],{"type":20,"value":136},{"type":14,"tag":88,"props":1128,"children":1129},{"class":120},[1130],{"type":20,"value":141},{"type":14,"tag":88,"props":1132,"children":1133},{"class":95},[1134],{"type":20,"value":1135},">Fixed Width Tooltip\u003C/",{"type":14,"tag":88,"props":1137,"children":1138},{"class":120},[1139],{"type":20,"value":141},{"type":14,"tag":88,"props":1141,"children":1142},{"class":95},[1143],{"type":20,"value":108},{"type":14,"tag":88,"props":1145,"children":1146},{"class":90,"line":653},[1147,1151,1155,1159,1163],{"type":14,"tag":88,"props":1148,"children":1149},{"class":95},[1150],{"type":20,"value":136},{"type":14,"tag":88,"props":1152,"children":1153},{"class":101},[1154],{"type":20,"value":61},{"type":14,"tag":88,"props":1156,"children":1157},{"class":95},[1158],{"type":20,"value":171},{"type":14,"tag":88,"props":1160,"children":1161},{"class":174},[1162],{"type":20,"value":177},{"type":14,"tag":88,"props":1164,"children":1165},{"class":95},[1166],{"type":20,"value":108},{"type":14,"tag":88,"props":1168,"children":1169},{"class":90,"line":686},[1170,1175,1180,1184,1189,1193,1198,1202,1207,1211,1216],{"type":14,"tag":88,"props":1171,"children":1172},{"class":95},[1173],{"type":20,"value":1174},"            \u003C",{"type":14,"tag":88,"props":1176,"children":1177},{"class":101},[1178],{"type":20,"value":1179},"div",{"type":14,"tag":88,"props":1181,"children":1182},{"class":95},[1183],{"type":20,"value":439},{"type":14,"tag":88,"props":1185,"children":1186},{"class":174},[1187],{"type":20,"value":1188},"class",{"type":14,"tag":88,"props":1190,"children":1191},{"class":95},[1192],{"type":20,"value":448},{"type":14,"tag":88,"props":1194,"children":1195},{"class":451},[1196],{"type":20,"value":1197},"\"_xs:justify-content:center\"",{"type":14,"tag":88,"props":1199,"children":1200},{"class":95},[1201],{"type":20,"value":439},{"type":14,"tag":88,"props":1203,"children":1204},{"class":174},[1205],{"type":20,"value":1206},"style",{"type":14,"tag":88,"props":1208,"children":1209},{"class":95},[1210],{"type":20,"value":448},{"type":14,"tag":88,"props":1212,"children":1213},{"class":451},[1214],{"type":20,"value":1215},"\"white-space: normal; width: 240px\"",{"type":14,"tag":88,"props":1217,"children":1218},{"class":95},[1219],{"type":20,"value":108},{"type":14,"tag":88,"props":1221,"children":1222},{"class":90,"line":711},[1223,1228,1232,1236,1240,1244,1248,1252,1256],{"type":14,"tag":88,"props":1224,"children":1225},{"class":95},[1226],{"type":20,"value":1227},"                This is a \u003C",{"type":14,"tag":88,"props":1229,"children":1230},{"class":101},[1231],{"type":20,"value":1025},{"type":14,"tag":88,"props":1233,"children":1234},{"class":95},[1235],{"type":20,"value":1030},{"type":14,"tag":88,"props":1237,"children":1238},{"class":101},[1239],{"type":20,"value":1025},{"type":14,"tag":88,"props":1241,"children":1242},{"class":95},[1243],{"type":20,"value":1039},{"type":14,"tag":88,"props":1245,"children":1246},{"class":101},[1247],{"type":20,"value":1044},{"type":14,"tag":88,"props":1249,"children":1250},{"class":95},[1251],{"type":20,"value":1049},{"type":14,"tag":88,"props":1253,"children":1254},{"class":101},[1255],{"type":20,"value":1044},{"type":14,"tag":88,"props":1257,"children":1258},{"class":95},[1259],{"type":20,"value":1260},">. Its width is\n",{"type":14,"tag":88,"props":1262,"children":1263},{"class":90,"line":743},[1264],{"type":14,"tag":88,"props":1265,"children":1266},{"class":95},[1267],{"type":20,"value":1268},"                controlled.\n",{"type":14,"tag":88,"props":1270,"children":1271},{"class":90,"line":759},[1272,1277,1281],{"type":14,"tag":88,"props":1273,"children":1274},{"class":95},[1275],{"type":20,"value":1276},"            \u003C/",{"type":14,"tag":88,"props":1278,"children":1279},{"class":101},[1280],{"type":20,"value":1179},{"type":14,"tag":88,"props":1282,"children":1283},{"class":95},[1284],{"type":20,"value":108},{"type":14,"tag":88,"props":1286,"children":1287},{"class":90,"line":767},[1288,1292,1296],{"type":14,"tag":88,"props":1289,"children":1290},{"class":95},[1291],{"type":20,"value":1074},{"type":14,"tag":88,"props":1293,"children":1294},{"class":101},[1295],{"type":20,"value":61},{"type":14,"tag":88,"props":1297,"children":1298},{"class":95},[1299],{"type":20,"value":108},{"type":14,"tag":88,"props":1301,"children":1302},{"class":90,"line":800},[1303,1307,1311],{"type":14,"tag":88,"props":1304,"children":1305},{"class":95},[1306],{"type":20,"value":198},{"type":14,"tag":88,"props":1308,"children":1309},{"class":120},[1310],{"type":20,"value":123},{"type":14,"tag":88,"props":1312,"children":1313},{"class":95},[1314],{"type":20,"value":108},{"type":14,"tag":88,"props":1316,"children":1317},{"class":90,"line":825},[1318,1322,1326],{"type":14,"tag":88,"props":1319,"children":1320},{"class":95},[1321],{"type":20,"value":215},{"type":14,"tag":88,"props":1323,"children":1324},{"class":101},[1325],{"type":20,"value":61},{"type":14,"tag":88,"props":1327,"children":1328},{"class":95},[1329],{"type":20,"value":224},{"type":14,"tag":226,"props":1331,"children":1333},{"id":1332},"trigger-type",[1334],{"type":20,"value":1335},"Trigger Type",{"type":14,"tag":29,"props":1337,"children":1338},{},[1339,1341,1346,1348,1353,1354,1359,1361,1365],{"type":20,"value":1340},"You can use the ",{"type":14,"tag":35,"props":1342,"children":1343},{},[1344],{"type":20,"value":1345},"trigger",{"type":20,"value":1347}," property to trigger the tooltip on ",{"type":14,"tag":35,"props":1349,"children":1350},{},[1351],{"type":20,"value":1352},"hover",{"type":20,"value":256},{"type":14,"tag":35,"props":1355,"children":1356},{},[1357],{"type":20,"value":1358},"click",{"type":20,"value":1360},". By default, tooltips are triggered on ",{"type":14,"tag":35,"props":1362,"children":1363},{},[1364],{"type":20,"value":1352},{"type":20,"value":1366},", a design decision made to improve user experience.",{"type":14,"tag":57,"props":1368,"children":1369},{},[1370,1377],{"type":14,"tag":61,"props":1371,"children":1372},{"v-slot:preview":7},[1373],{"type":14,"tag":65,"props":1374,"children":1376},{"src":1375},"/components/ITooltip/examples/trigger",[],{"type":14,"tag":61,"props":1378,"children":1379},{"v-slot:vue":7},[1380],{"type":14,"tag":73,"props":1381,"children":1384},{"className":1382,"code":1383,"language":78,"meta":7},[76],"\u003Cscript setup>\nimport { ref } from 'vue';\n\nconst visible = ref(false);\n\u003C/script>\n\n\u003Ctemplate>\n    \u003CITooltip events=\"click\">\n        \u003CIButton>Click Tooltip\u003C/IButton>\n        \u003Ctemplate #body>Tooltip\u003C/template>\n    \u003C/ITooltip>\n\n    \u003CITooltip events=\"hover\">\n        \u003CIButton>Hover Tooltip\u003C/IButton>\n        \u003Ctemplate #body>Tooltip\u003C/template>\n    \u003C/ITooltip>\n\n    \u003CITooltip events=\"focus\">\n        \u003CIButton type=\"submit\">Focus Tooltip\u003C/IButton>\n        \u003Ctemplate #body>Tooltip\u003C/template>\n    \u003C/ITooltip>\n\n    \u003CITooltip :events=\"['focus', 'hover']\">\n        \u003CIButton>Multiple Events Tooltip\u003C/IButton>\n        \u003Ctemplate #body>Tooltip\u003C/template>\n    \u003C/ITooltip>\n\n    \u003CITooltip v-model:visible=\"visible\" events=\"manual\">\n        \u003CIButton @click=\"visible = !visible\">Manual Tooltip\u003C/IButton>\n        \u003Ctemplate #body>Tooltip\u003C/template>\n    \u003C/ITooltip>\n\u003C/template>\n\n",[1385],{"type":14,"tag":81,"props":1386,"children":1387},{},[1388],{"type":14,"tag":73,"props":1389,"children":1390},{"__ignoreMap":7},[1391,1416,1449,1456,1506,1521,1528,1543,1576,1600,1631,1646,1653,1685,1709,1740,1755,1762,1794,1836,1867,1882,1890,1924,1949,1981,1997,2005,2056,2099,2131,2147],{"type":14,"tag":88,"props":1392,"children":1393},{"class":90,"line":91},[1394,1398,1403,1407,1412],{"type":14,"tag":88,"props":1395,"children":1396},{"class":95},[1397],{"type":20,"value":98},{"type":14,"tag":88,"props":1399,"children":1400},{"class":101},[1401],{"type":20,"value":1402},"script",{"type":14,"tag":88,"props":1404,"children":1405},{"class":95},[1406],{"type":20,"value":439},{"type":14,"tag":88,"props":1408,"children":1409},{"class":174},[1410],{"type":20,"value":1411},"setup",{"type":14,"tag":88,"props":1413,"children":1414},{"class":95},[1415],{"type":20,"value":108},{"type":14,"tag":88,"props":1417,"children":1418},{"class":90,"line":111},[1419,1425,1430,1435,1439,1444],{"type":14,"tag":88,"props":1420,"children":1422},{"class":1421},"ct-149352",[1423],{"type":20,"value":1424},"import",{"type":14,"tag":88,"props":1426,"children":1427},{"class":95},[1428],{"type":20,"value":1429}," { ref } ",{"type":14,"tag":88,"props":1431,"children":1432},{"class":1421},[1433],{"type":20,"value":1434},"from",{"type":14,"tag":88,"props":1436,"children":1437},{"class":95},[1438],{"type":20,"value":439},{"type":14,"tag":88,"props":1440,"children":1441},{"class":451},[1442],{"type":20,"value":1443},"'vue'",{"type":14,"tag":88,"props":1445,"children":1446},{"class":95},[1447],{"type":20,"value":1448},";\n",{"type":14,"tag":88,"props":1450,"children":1451},{"class":90,"line":130},[1452],{"type":14,"tag":88,"props":1453,"children":1454},{},[1455],{"type":20,"value":536},{"type":14,"tag":88,"props":1457,"children":1458},{"class":90,"line":157},[1459,1464,1468,1474,1478,1482,1486,1491,1496,1501],{"type":14,"tag":88,"props":1460,"children":1461},{"class":1421},[1462],{"type":20,"value":1463},"const",{"type":14,"tag":88,"props":1465,"children":1466},{"class":95},[1467],{"type":20,"value":439},{"type":14,"tag":88,"props":1469,"children":1471},{"class":1470},"ct-617022",[1472],{"type":20,"value":1473},"visible",{"type":14,"tag":88,"props":1475,"children":1476},{"class":95},[1477],{"type":20,"value":439},{"type":14,"tag":88,"props":1479,"children":1480},{"class":1421},[1481],{"type":20,"value":448},{"type":14,"tag":88,"props":1483,"children":1484},{"class":95},[1485],{"type":20,"value":439},{"type":14,"tag":88,"props":1487,"children":1488},{"class":174},[1489],{"type":20,"value":1490},"ref",{"type":14,"tag":88,"props":1492,"children":1493},{"class":95},[1494],{"type":20,"value":1495},"(",{"type":14,"tag":88,"props":1497,"children":1498},{"class":1470},[1499],{"type":20,"value":1500},"false",{"type":14,"tag":88,"props":1502,"children":1503},{"class":95},[1504],{"type":20,"value":1505},");\n",{"type":14,"tag":88,"props":1507,"children":1508},{"class":90,"line":192},[1509,1513,1517],{"type":14,"tag":88,"props":1510,"children":1511},{"class":95},[1512],{"type":20,"value":215},{"type":14,"tag":88,"props":1514,"children":1515},{"class":101},[1516],{"type":20,"value":1402},{"type":14,"tag":88,"props":1518,"children":1519},{"class":95},[1520],{"type":20,"value":108},{"type":14,"tag":88,"props":1522,"children":1523},{"class":90,"line":209},[1524],{"type":14,"tag":88,"props":1525,"children":1526},{},[1527],{"type":20,"value":536},{"type":14,"tag":88,"props":1529,"children":1530},{"class":90,"line":539},[1531,1535,1539],{"type":14,"tag":88,"props":1532,"children":1533},{"class":95},[1534],{"type":20,"value":98},{"type":14,"tag":88,"props":1536,"children":1537},{"class":101},[1538],{"type":20,"value":61},{"type":14,"tag":88,"props":1540,"children":1541},{"class":95},[1542],{"type":20,"value":108},{"type":14,"tag":88,"props":1544,"children":1545},{"class":90,"line":572},[1546,1550,1554,1558,1563,1567,1572],{"type":14,"tag":88,"props":1547,"children":1548},{"class":95},[1549],{"type":20,"value":117},{"type":14,"tag":88,"props":1551,"children":1552},{"class":120},[1553],{"type":20,"value":123},{"type":14,"tag":88,"props":1555,"children":1556},{"class":95},[1557],{"type":20,"value":439},{"type":14,"tag":88,"props":1559,"children":1560},{"class":174},[1561],{"type":20,"value":1562},"events",{"type":14,"tag":88,"props":1564,"children":1565},{"class":95},[1566],{"type":20,"value":448},{"type":14,"tag":88,"props":1568,"children":1569},{"class":451},[1570],{"type":20,"value":1571},"\"click\"",{"type":14,"tag":88,"props":1573,"children":1574},{"class":95},[1575],{"type":20,"value":108},{"type":14,"tag":88,"props":1577,"children":1578},{"class":90,"line":597},[1579,1583,1587,1592,1596],{"type":14,"tag":88,"props":1580,"children":1581},{"class":95},[1582],{"type":20,"value":136},{"type":14,"tag":88,"props":1584,"children":1585},{"class":120},[1586],{"type":20,"value":141},{"type":14,"tag":88,"props":1588,"children":1589},{"class":95},[1590],{"type":20,"value":1591},">Click Tooltip\u003C/",{"type":14,"tag":88,"props":1593,"children":1594},{"class":120},[1595],{"type":20,"value":141},{"type":14,"tag":88,"props":1597,"children":1598},{"class":95},[1599],{"type":20,"value":108},{"type":14,"tag":88,"props":1601,"children":1602},{"class":90,"line":629},[1603,1607,1611,1615,1619,1623,1627],{"type":14,"tag":88,"props":1604,"children":1605},{"class":95},[1606],{"type":20,"value":136},{"type":14,"tag":88,"props":1608,"children":1609},{"class":101},[1610],{"type":20,"value":61},{"type":14,"tag":88,"props":1612,"children":1613},{"class":95},[1614],{"type":20,"value":171},{"type":14,"tag":88,"props":1616,"children":1617},{"class":174},[1618],{"type":20,"value":177},{"type":14,"tag":88,"props":1620,"children":1621},{"class":95},[1622],{"type":20,"value":146},{"type":14,"tag":88,"props":1624,"children":1625},{"class":101},[1626],{"type":20,"value":61},{"type":14,"tag":88,"props":1628,"children":1629},{"class":95},[1630],{"type":20,"value":108},{"type":14,"tag":88,"props":1632,"children":1633},{"class":90,"line":645},[1634,1638,1642],{"type":14,"tag":88,"props":1635,"children":1636},{"class":95},[1637],{"type":20,"value":198},{"type":14,"tag":88,"props":1639,"children":1640},{"class":120},[1641],{"type":20,"value":123},{"type":14,"tag":88,"props":1643,"children":1644},{"class":95},[1645],{"type":20,"value":108},{"type":14,"tag":88,"props":1647,"children":1648},{"class":90,"line":653},[1649],{"type":14,"tag":88,"props":1650,"children":1651},{},[1652],{"type":20,"value":536},{"type":14,"tag":88,"props":1654,"children":1655},{"class":90,"line":686},[1656,1660,1664,1668,1672,1676,1681],{"type":14,"tag":88,"props":1657,"children":1658},{"class":95},[1659],{"type":20,"value":117},{"type":14,"tag":88,"props":1661,"children":1662},{"class":120},[1663],{"type":20,"value":123},{"type":14,"tag":88,"props":1665,"children":1666},{"class":95},[1667],{"type":20,"value":439},{"type":14,"tag":88,"props":1669,"children":1670},{"class":174},[1671],{"type":20,"value":1562},{"type":14,"tag":88,"props":1673,"children":1674},{"class":95},[1675],{"type":20,"value":448},{"type":14,"tag":88,"props":1677,"children":1678},{"class":451},[1679],{"type":20,"value":1680},"\"hover\"",{"type":14,"tag":88,"props":1682,"children":1683},{"class":95},[1684],{"type":20,"value":108},{"type":14,"tag":88,"props":1686,"children":1687},{"class":90,"line":711},[1688,1692,1696,1701,1705],{"type":14,"tag":88,"props":1689,"children":1690},{"class":95},[1691],{"type":20,"value":136},{"type":14,"tag":88,"props":1693,"children":1694},{"class":120},[1695],{"type":20,"value":141},{"type":14,"tag":88,"props":1697,"children":1698},{"class":95},[1699],{"type":20,"value":1700},">Hover Tooltip\u003C/",{"type":14,"tag":88,"props":1702,"children":1703},{"class":120},[1704],{"type":20,"value":141},{"type":14,"tag":88,"props":1706,"children":1707},{"class":95},[1708],{"type":20,"value":108},{"type":14,"tag":88,"props":1710,"children":1711},{"class":90,"line":743},[1712,1716,1720,1724,1728,1732,1736],{"type":14,"tag":88,"props":1713,"children":1714},{"class":95},[1715],{"type":20,"value":136},{"type":14,"tag":88,"props":1717,"children":1718},{"class":101},[1719],{"type":20,"value":61},{"type":14,"tag":88,"props":1721,"children":1722},{"class":95},[1723],{"type":20,"value":171},{"type":14,"tag":88,"props":1725,"children":1726},{"class":174},[1727],{"type":20,"value":177},{"type":14,"tag":88,"props":1729,"children":1730},{"class":95},[1731],{"type":20,"value":146},{"type":14,"tag":88,"props":1733,"children":1734},{"class":101},[1735],{"type":20,"value":61},{"type":14,"tag":88,"props":1737,"children":1738},{"class":95},[1739],{"type":20,"value":108},{"type":14,"tag":88,"props":1741,"children":1742},{"class":90,"line":759},[1743,1747,1751],{"type":14,"tag":88,"props":1744,"children":1745},{"class":95},[1746],{"type":20,"value":198},{"type":14,"tag":88,"props":1748,"children":1749},{"class":120},[1750],{"type":20,"value":123},{"type":14,"tag":88,"props":1752,"children":1753},{"class":95},[1754],{"type":20,"value":108},{"type":14,"tag":88,"props":1756,"children":1757},{"class":90,"line":767},[1758],{"type":14,"tag":88,"props":1759,"children":1760},{},[1761],{"type":20,"value":536},{"type":14,"tag":88,"props":1763,"children":1764},{"class":90,"line":800},[1765,1769,1773,1777,1781,1785,1790],{"type":14,"tag":88,"props":1766,"children":1767},{"class":95},[1768],{"type":20,"value":117},{"type":14,"tag":88,"props":1770,"children":1771},{"class":120},[1772],{"type":20,"value":123},{"type":14,"tag":88,"props":1774,"children":1775},{"class":95},[1776],{"type":20,"value":439},{"type":14,"tag":88,"props":1778,"children":1779},{"class":174},[1780],{"type":20,"value":1562},{"type":14,"tag":88,"props":1782,"children":1783},{"class":95},[1784],{"type":20,"value":448},{"type":14,"tag":88,"props":1786,"children":1787},{"class":451},[1788],{"type":20,"value":1789},"\"focus\"",{"type":14,"tag":88,"props":1791,"children":1792},{"class":95},[1793],{"type":20,"value":108},{"type":14,"tag":88,"props":1795,"children":1796},{"class":90,"line":825},[1797,1801,1805,1809,1814,1818,1823,1828,1832],{"type":14,"tag":88,"props":1798,"children":1799},{"class":95},[1800],{"type":20,"value":136},{"type":14,"tag":88,"props":1802,"children":1803},{"class":120},[1804],{"type":20,"value":141},{"type":14,"tag":88,"props":1806,"children":1807},{"class":95},[1808],{"type":20,"value":439},{"type":14,"tag":88,"props":1810,"children":1811},{"class":174},[1812],{"type":20,"value":1813},"type",{"type":14,"tag":88,"props":1815,"children":1816},{"class":95},[1817],{"type":20,"value":448},{"type":14,"tag":88,"props":1819,"children":1820},{"class":451},[1821],{"type":20,"value":1822},"\"submit\"",{"type":14,"tag":88,"props":1824,"children":1825},{"class":95},[1826],{"type":20,"value":1827},">Focus Tooltip\u003C/",{"type":14,"tag":88,"props":1829,"children":1830},{"class":120},[1831],{"type":20,"value":141},{"type":14,"tag":88,"props":1833,"children":1834},{"class":95},[1835],{"type":20,"value":108},{"type":14,"tag":88,"props":1837,"children":1838},{"class":90,"line":857},[1839,1843,1847,1851,1855,1859,1863],{"type":14,"tag":88,"props":1840,"children":1841},{"class":95},[1842],{"type":20,"value":136},{"type":14,"tag":88,"props":1844,"children":1845},{"class":101},[1846],{"type":20,"value":61},{"type":14,"tag":88,"props":1848,"children":1849},{"class":95},[1850],{"type":20,"value":171},{"type":14,"tag":88,"props":1852,"children":1853},{"class":174},[1854],{"type":20,"value":177},{"type":14,"tag":88,"props":1856,"children":1857},{"class":95},[1858],{"type":20,"value":146},{"type":14,"tag":88,"props":1860,"children":1861},{"class":101},[1862],{"type":20,"value":61},{"type":14,"tag":88,"props":1864,"children":1865},{"class":95},[1866],{"type":20,"value":108},{"type":14,"tag":88,"props":1868,"children":1869},{"class":90,"line":873},[1870,1874,1878],{"type":14,"tag":88,"props":1871,"children":1872},{"class":95},[1873],{"type":20,"value":198},{"type":14,"tag":88,"props":1875,"children":1876},{"class":120},[1877],{"type":20,"value":123},{"type":14,"tag":88,"props":1879,"children":1880},{"class":95},[1881],{"type":20,"value":108},{"type":14,"tag":88,"props":1883,"children":1885},{"class":90,"line":1884},22,[1886],{"type":14,"tag":88,"props":1887,"children":1888},{},[1889],{"type":20,"value":536},{"type":14,"tag":88,"props":1891,"children":1893},{"class":90,"line":1892},23,[1894,1898,1902,1906,1911,1915,1920],{"type":14,"tag":88,"props":1895,"children":1896},{"class":95},[1897],{"type":20,"value":117},{"type":14,"tag":88,"props":1899,"children":1900},{"class":120},[1901],{"type":20,"value":123},{"type":14,"tag":88,"props":1903,"children":1904},{"class":95},[1905],{"type":20,"value":439},{"type":14,"tag":88,"props":1907,"children":1908},{"class":174},[1909],{"type":20,"value":1910},":events",{"type":14,"tag":88,"props":1912,"children":1913},{"class":95},[1914],{"type":20,"value":448},{"type":14,"tag":88,"props":1916,"children":1917},{"class":451},[1918],{"type":20,"value":1919},"\"['focus', 'hover']\"",{"type":14,"tag":88,"props":1921,"children":1922},{"class":95},[1923],{"type":20,"value":108},{"type":14,"tag":88,"props":1925,"children":1927},{"class":90,"line":1926},24,[1928,1932,1936,1941,1945],{"type":14,"tag":88,"props":1929,"children":1930},{"class":95},[1931],{"type":20,"value":136},{"type":14,"tag":88,"props":1933,"children":1934},{"class":120},[1935],{"type":20,"value":141},{"type":14,"tag":88,"props":1937,"children":1938},{"class":95},[1939],{"type":20,"value":1940},">Multiple Events Tooltip\u003C/",{"type":14,"tag":88,"props":1942,"children":1943},{"class":120},[1944],{"type":20,"value":141},{"type":14,"tag":88,"props":1946,"children":1947},{"class":95},[1948],{"type":20,"value":108},{"type":14,"tag":88,"props":1950,"children":1952},{"class":90,"line":1951},25,[1953,1957,1961,1965,1969,1973,1977],{"type":14,"tag":88,"props":1954,"children":1955},{"class":95},[1956],{"type":20,"value":136},{"type":14,"tag":88,"props":1958,"children":1959},{"class":101},[1960],{"type":20,"value":61},{"type":14,"tag":88,"props":1962,"children":1963},{"class":95},[1964],{"type":20,"value":171},{"type":14,"tag":88,"props":1966,"children":1967},{"class":174},[1968],{"type":20,"value":177},{"type":14,"tag":88,"props":1970,"children":1971},{"class":95},[1972],{"type":20,"value":146},{"type":14,"tag":88,"props":1974,"children":1975},{"class":101},[1976],{"type":20,"value":61},{"type":14,"tag":88,"props":1978,"children":1979},{"class":95},[1980],{"type":20,"value":108},{"type":14,"tag":88,"props":1982,"children":1984},{"class":90,"line":1983},26,[1985,1989,1993],{"type":14,"tag":88,"props":1986,"children":1987},{"class":95},[1988],{"type":20,"value":198},{"type":14,"tag":88,"props":1990,"children":1991},{"class":120},[1992],{"type":20,"value":123},{"type":14,"tag":88,"props":1994,"children":1995},{"class":95},[1996],{"type":20,"value":108},{"type":14,"tag":88,"props":1998,"children":2000},{"class":90,"line":1999},27,[2001],{"type":14,"tag":88,"props":2002,"children":2003},{},[2004],{"type":20,"value":536},{"type":14,"tag":88,"props":2006,"children":2008},{"class":90,"line":2007},28,[2009,2013,2017,2021,2026,2030,2035,2039,2043,2047,2052],{"type":14,"tag":88,"props":2010,"children":2011},{"class":95},[2012],{"type":20,"value":117},{"type":14,"tag":88,"props":2014,"children":2015},{"class":120},[2016],{"type":20,"value":123},{"type":14,"tag":88,"props":2018,"children":2019},{"class":95},[2020],{"type":20,"value":439},{"type":14,"tag":88,"props":2022,"children":2023},{"class":174},[2024],{"type":20,"value":2025},"v-model:visible",{"type":14,"tag":88,"props":2027,"children":2028},{"class":95},[2029],{"type":20,"value":448},{"type":14,"tag":88,"props":2031,"children":2032},{"class":451},[2033],{"type":20,"value":2034},"\"visible\"",{"type":14,"tag":88,"props":2036,"children":2037},{"class":95},[2038],{"type":20,"value":439},{"type":14,"tag":88,"props":2040,"children":2041},{"class":174},[2042],{"type":20,"value":1562},{"type":14,"tag":88,"props":2044,"children":2045},{"class":95},[2046],{"type":20,"value":448},{"type":14,"tag":88,"props":2048,"children":2049},{"class":451},[2050],{"type":20,"value":2051},"\"manual\"",{"type":14,"tag":88,"props":2053,"children":2054},{"class":95},[2055],{"type":20,"value":108},{"type":14,"tag":88,"props":2057,"children":2059},{"class":90,"line":2058},29,[2060,2064,2068,2072,2077,2081,2086,2091,2095],{"type":14,"tag":88,"props":2061,"children":2062},{"class":95},[2063],{"type":20,"value":136},{"type":14,"tag":88,"props":2065,"children":2066},{"class":120},[2067],{"type":20,"value":141},{"type":14,"tag":88,"props":2069,"children":2070},{"class":95},[2071],{"type":20,"value":439},{"type":14,"tag":88,"props":2073,"children":2074},{"class":174},[2075],{"type":20,"value":2076},"@click",{"type":14,"tag":88,"props":2078,"children":2079},{"class":95},[2080],{"type":20,"value":448},{"type":14,"tag":88,"props":2082,"children":2083},{"class":451},[2084],{"type":20,"value":2085},"\"visible = !visible\"",{"type":14,"tag":88,"props":2087,"children":2088},{"class":95},[2089],{"type":20,"value":2090},">Manual Tooltip\u003C/",{"type":14,"tag":88,"props":2092,"children":2093},{"class":120},[2094],{"type":20,"value":141},{"type":14,"tag":88,"props":2096,"children":2097},{"class":95},[2098],{"type":20,"value":108},{"type":14,"tag":88,"props":2100,"children":2102},{"class":90,"line":2101},30,[2103,2107,2111,2115,2119,2123,2127],{"type":14,"tag":88,"props":2104,"children":2105},{"class":95},[2106],{"type":20,"value":136},{"type":14,"tag":88,"props":2108,"children":2109},{"class":101},[2110],{"type":20,"value":61},{"type":14,"tag":88,"props":2112,"children":2113},{"class":95},[2114],{"type":20,"value":171},{"type":14,"tag":88,"props":2116,"children":2117},{"class":174},[2118],{"type":20,"value":177},{"type":14,"tag":88,"props":2120,"children":2121},{"class":95},[2122],{"type":20,"value":146},{"type":14,"tag":88,"props":2124,"children":2125},{"class":101},[2126],{"type":20,"value":61},{"type":14,"tag":88,"props":2128,"children":2129},{"class":95},[2130],{"type":20,"value":108},{"type":14,"tag":88,"props":2132,"children":2134},{"class":90,"line":2133},31,[2135,2139,2143],{"type":14,"tag":88,"props":2136,"children":2137},{"class":95},[2138],{"type":20,"value":198},{"type":14,"tag":88,"props":2140,"children":2141},{"class":120},[2142],{"type":20,"value":123},{"type":14,"tag":88,"props":2144,"children":2145},{"class":95},[2146],{"type":20,"value":108},{"type":14,"tag":88,"props":2148,"children":2150},{"class":90,"line":2149},32,[2151,2155,2159],{"type":14,"tag":88,"props":2152,"children":2153},{"class":95},[2154],{"type":20,"value":215},{"type":14,"tag":88,"props":2156,"children":2157},{"class":101},[2158],{"type":20,"value":61},{"type":14,"tag":88,"props":2160,"children":2161},{"class":95},[2162],{"type":20,"value":224},{"type":14,"tag":226,"props":2164,"children":2166},{"id":2165},"color-variants",[2167],{"type":20,"value":2168},"Color Variants",{"type":14,"tag":29,"props":2170,"children":2171},{},[2172,2174,2179],{"type":20,"value":2173},"You can choose a light or dark color for your tooltip using the ",{"type":14,"tag":35,"props":2175,"children":2176},{},[2177],{"type":20,"value":2178},"color",{"type":20,"value":2180}," modifier.",{"type":14,"tag":57,"props":2182,"children":2183},{},[2184,2191],{"type":14,"tag":61,"props":2185,"children":2186},{"v-slot:preview":7},[2187],{"type":14,"tag":65,"props":2188,"children":2190},{"src":2189},"/components/ITooltip/examples/color-variants",[],{"type":14,"tag":61,"props":2192,"children":2193},{"v-slot:vue":7},[2194],{"type":14,"tag":73,"props":2195,"children":2198},{"className":2196,"code":2197,"language":78,"meta":7},[76],"\u003Ctemplate>\n    \u003CITooltip color=\"light\">\n        \u003CIButton color=\"light\">Light Tooltip\u003C/IButton>\n        \u003Ctemplate #body>Tooltip\u003C/template>\n    \u003C/ITooltip>\n\n    \u003CITooltip color=\"dark\">\n        \u003CIButton color=\"dark\">Dark Tooltip\u003C/IButton>\n        \u003Ctemplate #body>Tooltip\u003C/template>\n    \u003C/ITooltip>\n\u003C/template>\n\n",[2199],{"type":14,"tag":81,"props":2200,"children":2201},{},[2202],{"type":14,"tag":73,"props":2203,"children":2204},{"__ignoreMap":7},[2205,2220,2252,2292,2323,2338,2345,2377,2417,2448,2463],{"type":14,"tag":88,"props":2206,"children":2207},{"class":90,"line":91},[2208,2212,2216],{"type":14,"tag":88,"props":2209,"children":2210},{"class":95},[2211],{"type":20,"value":98},{"type":14,"tag":88,"props":2213,"children":2214},{"class":101},[2215],{"type":20,"value":61},{"type":14,"tag":88,"props":2217,"children":2218},{"class":95},[2219],{"type":20,"value":108},{"type":14,"tag":88,"props":2221,"children":2222},{"class":90,"line":111},[2223,2227,2231,2235,2239,2243,2248],{"type":14,"tag":88,"props":2224,"children":2225},{"class":95},[2226],{"type":20,"value":117},{"type":14,"tag":88,"props":2228,"children":2229},{"class":120},[2230],{"type":20,"value":123},{"type":14,"tag":88,"props":2232,"children":2233},{"class":95},[2234],{"type":20,"value":439},{"type":14,"tag":88,"props":2236,"children":2237},{"class":174},[2238],{"type":20,"value":2178},{"type":14,"tag":88,"props":2240,"children":2241},{"class":95},[2242],{"type":20,"value":448},{"type":14,"tag":88,"props":2244,"children":2245},{"class":451},[2246],{"type":20,"value":2247},"\"light\"",{"type":14,"tag":88,"props":2249,"children":2250},{"class":95},[2251],{"type":20,"value":108},{"type":14,"tag":88,"props":2253,"children":2254},{"class":90,"line":130},[2255,2259,2263,2267,2271,2275,2279,2284,2288],{"type":14,"tag":88,"props":2256,"children":2257},{"class":95},[2258],{"type":20,"value":136},{"type":14,"tag":88,"props":2260,"children":2261},{"class":120},[2262],{"type":20,"value":141},{"type":14,"tag":88,"props":2264,"children":2265},{"class":95},[2266],{"type":20,"value":439},{"type":14,"tag":88,"props":2268,"children":2269},{"class":174},[2270],{"type":20,"value":2178},{"type":14,"tag":88,"props":2272,"children":2273},{"class":95},[2274],{"type":20,"value":448},{"type":14,"tag":88,"props":2276,"children":2277},{"class":451},[2278],{"type":20,"value":2247},{"type":14,"tag":88,"props":2280,"children":2281},{"class":95},[2282],{"type":20,"value":2283},">Light Tooltip\u003C/",{"type":14,"tag":88,"props":2285,"children":2286},{"class":120},[2287],{"type":20,"value":141},{"type":14,"tag":88,"props":2289,"children":2290},{"class":95},[2291],{"type":20,"value":108},{"type":14,"tag":88,"props":2293,"children":2294},{"class":90,"line":157},[2295,2299,2303,2307,2311,2315,2319],{"type":14,"tag":88,"props":2296,"children":2297},{"class":95},[2298],{"type":20,"value":136},{"type":14,"tag":88,"props":2300,"children":2301},{"class":101},[2302],{"type":20,"value":61},{"type":14,"tag":88,"props":2304,"children":2305},{"class":95},[2306],{"type":20,"value":171},{"type":14,"tag":88,"props":2308,"children":2309},{"class":174},[2310],{"type":20,"value":177},{"type":14,"tag":88,"props":2312,"children":2313},{"class":95},[2314],{"type":20,"value":146},{"type":14,"tag":88,"props":2316,"children":2317},{"class":101},[2318],{"type":20,"value":61},{"type":14,"tag":88,"props":2320,"children":2321},{"class":95},[2322],{"type":20,"value":108},{"type":14,"tag":88,"props":2324,"children":2325},{"class":90,"line":192},[2326,2330,2334],{"type":14,"tag":88,"props":2327,"children":2328},{"class":95},[2329],{"type":20,"value":198},{"type":14,"tag":88,"props":2331,"children":2332},{"class":120},[2333],{"type":20,"value":123},{"type":14,"tag":88,"props":2335,"children":2336},{"class":95},[2337],{"type":20,"value":108},{"type":14,"tag":88,"props":2339,"children":2340},{"class":90,"line":209},[2341],{"type":14,"tag":88,"props":2342,"children":2343},{},[2344],{"type":20,"value":536},{"type":14,"tag":88,"props":2346,"children":2347},{"class":90,"line":539},[2348,2352,2356,2360,2364,2368,2373],{"type":14,"tag":88,"props":2349,"children":2350},{"class":95},[2351],{"type":20,"value":117},{"type":14,"tag":88,"props":2353,"children":2354},{"class":120},[2355],{"type":20,"value":123},{"type":14,"tag":88,"props":2357,"children":2358},{"class":95},[2359],{"type":20,"value":439},{"type":14,"tag":88,"props":2361,"children":2362},{"class":174},[2363],{"type":20,"value":2178},{"type":14,"tag":88,"props":2365,"children":2366},{"class":95},[2367],{"type":20,"value":448},{"type":14,"tag":88,"props":2369,"children":2370},{"class":451},[2371],{"type":20,"value":2372},"\"dark\"",{"type":14,"tag":88,"props":2374,"children":2375},{"class":95},[2376],{"type":20,"value":108},{"type":14,"tag":88,"props":2378,"children":2379},{"class":90,"line":572},[2380,2384,2388,2392,2396,2400,2404,2409,2413],{"type":14,"tag":88,"props":2381,"children":2382},{"class":95},[2383],{"type":20,"value":136},{"type":14,"tag":88,"props":2385,"children":2386},{"class":120},[2387],{"type":20,"value":141},{"type":14,"tag":88,"props":2389,"children":2390},{"class":95},[2391],{"type":20,"value":439},{"type":14,"tag":88,"props":2393,"children":2394},{"class":174},[2395],{"type":20,"value":2178},{"type":14,"tag":88,"props":2397,"children":2398},{"class":95},[2399],{"type":20,"value":448},{"type":14,"tag":88,"props":2401,"children":2402},{"class":451},[2403],{"type":20,"value":2372},{"type":14,"tag":88,"props":2405,"children":2406},{"class":95},[2407],{"type":20,"value":2408},">Dark Tooltip\u003C/",{"type":14,"tag":88,"props":2410,"children":2411},{"class":120},[2412],{"type":20,"value":141},{"type":14,"tag":88,"props":2414,"children":2415},{"class":95},[2416],{"type":20,"value":108},{"type":14,"tag":88,"props":2418,"children":2419},{"class":90,"line":597},[2420,2424,2428,2432,2436,2440,2444],{"type":14,"tag":88,"props":2421,"children":2422},{"class":95},[2423],{"type":20,"value":136},{"type":14,"tag":88,"props":2425,"children":2426},{"class":101},[2427],{"type":20,"value":61},{"type":14,"tag":88,"props":2429,"children":2430},{"class":95},[2431],{"type":20,"value":171},{"type":14,"tag":88,"props":2433,"children":2434},{"class":174},[2435],{"type":20,"value":177},{"type":14,"tag":88,"props":2437,"children":2438},{"class":95},[2439],{"type":20,"value":146},{"type":14,"tag":88,"props":2441,"children":2442},{"class":101},[2443],{"type":20,"value":61},{"type":14,"tag":88,"props":2445,"children":2446},{"class":95},[2447],{"type":20,"value":108},{"type":14,"tag":88,"props":2449,"children":2450},{"class":90,"line":629},[2451,2455,2459],{"type":14,"tag":88,"props":2452,"children":2453},{"class":95},[2454],{"type":20,"value":198},{"type":14,"tag":88,"props":2456,"children":2457},{"class":120},[2458],{"type":20,"value":123},{"type":14,"tag":88,"props":2460,"children":2461},{"class":95},[2462],{"type":20,"value":108},{"type":14,"tag":88,"props":2464,"children":2465},{"class":90,"line":645},[2466,2470,2474],{"type":14,"tag":88,"props":2467,"children":2468},{"class":95},[2469],{"type":20,"value":215},{"type":14,"tag":88,"props":2471,"children":2472},{"class":101},[2473],{"type":20,"value":61},{"type":14,"tag":88,"props":2475,"children":2476},{"class":95},[2477],{"type":20,"value":224},{"type":14,"tag":226,"props":2479,"children":2481},{"id":2480},"size-variants",[2482],{"type":20,"value":2483},"Size Variants",{"type":14,"tag":29,"props":2485,"children":2486},{},[2487,2489,2494,2496,2501,2502,2507,2509,2514,2516,2520],{"type":20,"value":2488},"You're able to use the ",{"type":14,"tag":35,"props":2490,"children":2491},{},[2492],{"type":20,"value":2493},"size",{"type":20,"value":2495}," property to control the size of your tooltips, using one of the available sizes: ",{"type":14,"tag":35,"props":2497,"children":2498},{},[2499],{"type":20,"value":2500},"sm",{"type":20,"value":243},{"type":14,"tag":35,"props":2503,"children":2504},{},[2505],{"type":20,"value":2506},"md",{"type":20,"value":2508},", and ",{"type":14,"tag":35,"props":2510,"children":2511},{},[2512],{"type":20,"value":2513},"lg",{"type":20,"value":2515},".\nThe default size is set to ",{"type":14,"tag":35,"props":2517,"children":2518},{},[2519],{"type":20,"value":2506},{"type":20,"value":2521},".",{"type":14,"tag":57,"props":2523,"children":2524},{},[2525,2532],{"type":14,"tag":61,"props":2526,"children":2527},{"v-slot:preview":7},[2528],{"type":14,"tag":65,"props":2529,"children":2531},{"src":2530},"/components/ITooltip/examples/size-variants",[],{"type":14,"tag":61,"props":2533,"children":2534},{"v-slot:vue":7},[2535],{"type":14,"tag":73,"props":2536,"children":2539},{"className":2537,"code":2538,"language":78,"meta":7},[76],"\u003Ctemplate>\n    \u003CITooltip size=\"sm\">\n        \u003CIButton>Small Tooltip\u003C/IButton>\n        \u003Ctemplate #body>Tooltip\u003C/template>\n    \u003C/ITooltip>\n\n    \u003CITooltip size=\"md\">\n        \u003CIButton>Medium Tooltip\u003C/IButton>\n        \u003Ctemplate #body>Tooltip\u003C/template>\n    \u003C/ITooltip>\n\n    \u003CITooltip size=\"lg\">\n        \u003CIButton>Large Tooltip\u003C/IButton>\n        \u003Ctemplate #body>Tooltip\u003C/template>\n    \u003C/ITooltip>\n\u003C/template>\n\n",[2540],{"type":14,"tag":81,"props":2541,"children":2542},{},[2543],{"type":14,"tag":73,"props":2544,"children":2545},{"__ignoreMap":7},[2546,2561,2593,2617,2648,2663,2670,2702,2726,2757,2772,2779,2811,2835,2866,2881],{"type":14,"tag":88,"props":2547,"children":2548},{"class":90,"line":91},[2549,2553,2557],{"type":14,"tag":88,"props":2550,"children":2551},{"class":95},[2552],{"type":20,"value":98},{"type":14,"tag":88,"props":2554,"children":2555},{"class":101},[2556],{"type":20,"value":61},{"type":14,"tag":88,"props":2558,"children":2559},{"class":95},[2560],{"type":20,"value":108},{"type":14,"tag":88,"props":2562,"children":2563},{"class":90,"line":111},[2564,2568,2572,2576,2580,2584,2589],{"type":14,"tag":88,"props":2565,"children":2566},{"class":95},[2567],{"type":20,"value":117},{"type":14,"tag":88,"props":2569,"children":2570},{"class":120},[2571],{"type":20,"value":123},{"type":14,"tag":88,"props":2573,"children":2574},{"class":95},[2575],{"type":20,"value":439},{"type":14,"tag":88,"props":2577,"children":2578},{"class":174},[2579],{"type":20,"value":2493},{"type":14,"tag":88,"props":2581,"children":2582},{"class":95},[2583],{"type":20,"value":448},{"type":14,"tag":88,"props":2585,"children":2586},{"class":451},[2587],{"type":20,"value":2588},"\"sm\"",{"type":14,"tag":88,"props":2590,"children":2591},{"class":95},[2592],{"type":20,"value":108},{"type":14,"tag":88,"props":2594,"children":2595},{"class":90,"line":130},[2596,2600,2604,2609,2613],{"type":14,"tag":88,"props":2597,"children":2598},{"class":95},[2599],{"type":20,"value":136},{"type":14,"tag":88,"props":2601,"children":2602},{"class":120},[2603],{"type":20,"value":141},{"type":14,"tag":88,"props":2605,"children":2606},{"class":95},[2607],{"type":20,"value":2608},">Small Tooltip\u003C/",{"type":14,"tag":88,"props":2610,"children":2611},{"class":120},[2612],{"type":20,"value":141},{"type":14,"tag":88,"props":2614,"children":2615},{"class":95},[2616],{"type":20,"value":108},{"type":14,"tag":88,"props":2618,"children":2619},{"class":90,"line":157},[2620,2624,2628,2632,2636,2640,2644],{"type":14,"tag":88,"props":2621,"children":2622},{"class":95},[2623],{"type":20,"value":136},{"type":14,"tag":88,"props":2625,"children":2626},{"class":101},[2627],{"type":20,"value":61},{"type":14,"tag":88,"props":2629,"children":2630},{"class":95},[2631],{"type":20,"value":171},{"type":14,"tag":88,"props":2633,"children":2634},{"class":174},[2635],{"type":20,"value":177},{"type":14,"tag":88,"props":2637,"children":2638},{"class":95},[2639],{"type":20,"value":146},{"type":14,"tag":88,"props":2641,"children":2642},{"class":101},[2643],{"type":20,"value":61},{"type":14,"tag":88,"props":2645,"children":2646},{"class":95},[2647],{"type":20,"value":108},{"type":14,"tag":88,"props":2649,"children":2650},{"class":90,"line":192},[2651,2655,2659],{"type":14,"tag":88,"props":2652,"children":2653},{"class":95},[2654],{"type":20,"value":198},{"type":14,"tag":88,"props":2656,"children":2657},{"class":120},[2658],{"type":20,"value":123},{"type":14,"tag":88,"props":2660,"children":2661},{"class":95},[2662],{"type":20,"value":108},{"type":14,"tag":88,"props":2664,"children":2665},{"class":90,"line":209},[2666],{"type":14,"tag":88,"props":2667,"children":2668},{},[2669],{"type":20,"value":536},{"type":14,"tag":88,"props":2671,"children":2672},{"class":90,"line":539},[2673,2677,2681,2685,2689,2693,2698],{"type":14,"tag":88,"props":2674,"children":2675},{"class":95},[2676],{"type":20,"value":117},{"type":14,"tag":88,"props":2678,"children":2679},{"class":120},[2680],{"type":20,"value":123},{"type":14,"tag":88,"props":2682,"children":2683},{"class":95},[2684],{"type":20,"value":439},{"type":14,"tag":88,"props":2686,"children":2687},{"class":174},[2688],{"type":20,"value":2493},{"type":14,"tag":88,"props":2690,"children":2691},{"class":95},[2692],{"type":20,"value":448},{"type":14,"tag":88,"props":2694,"children":2695},{"class":451},[2696],{"type":20,"value":2697},"\"md\"",{"type":14,"tag":88,"props":2699,"children":2700},{"class":95},[2701],{"type":20,"value":108},{"type":14,"tag":88,"props":2703,"children":2704},{"class":90,"line":572},[2705,2709,2713,2718,2722],{"type":14,"tag":88,"props":2706,"children":2707},{"class":95},[2708],{"type":20,"value":136},{"type":14,"tag":88,"props":2710,"children":2711},{"class":120},[2712],{"type":20,"value":141},{"type":14,"tag":88,"props":2714,"children":2715},{"class":95},[2716],{"type":20,"value":2717},">Medium Tooltip\u003C/",{"type":14,"tag":88,"props":2719,"children":2720},{"class":120},[2721],{"type":20,"value":141},{"type":14,"tag":88,"props":2723,"children":2724},{"class":95},[2725],{"type":20,"value":108},{"type":14,"tag":88,"props":2727,"children":2728},{"class":90,"line":597},[2729,2733,2737,2741,2745,2749,2753],{"type":14,"tag":88,"props":2730,"children":2731},{"class":95},[2732],{"type":20,"value":136},{"type":14,"tag":88,"props":2734,"children":2735},{"class":101},[2736],{"type":20,"value":61},{"type":14,"tag":88,"props":2738,"children":2739},{"class":95},[2740],{"type":20,"value":171},{"type":14,"tag":88,"props":2742,"children":2743},{"class":174},[2744],{"type":20,"value":177},{"type":14,"tag":88,"props":2746,"children":2747},{"class":95},[2748],{"type":20,"value":146},{"type":14,"tag":88,"props":2750,"children":2751},{"class":101},[2752],{"type":20,"value":61},{"type":14,"tag":88,"props":2754,"children":2755},{"class":95},[2756],{"type":20,"value":108},{"type":14,"tag":88,"props":2758,"children":2759},{"class":90,"line":629},[2760,2764,2768],{"type":14,"tag":88,"props":2761,"children":2762},{"class":95},[2763],{"type":20,"value":198},{"type":14,"tag":88,"props":2765,"children":2766},{"class":120},[2767],{"type":20,"value":123},{"type":14,"tag":88,"props":2769,"children":2770},{"class":95},[2771],{"type":20,"value":108},{"type":14,"tag":88,"props":2773,"children":2774},{"class":90,"line":645},[2775],{"type":14,"tag":88,"props":2776,"children":2777},{},[2778],{"type":20,"value":536},{"type":14,"tag":88,"props":2780,"children":2781},{"class":90,"line":653},[2782,2786,2790,2794,2798,2802,2807],{"type":14,"tag":88,"props":2783,"children":2784},{"class":95},[2785],{"type":20,"value":117},{"type":14,"tag":88,"props":2787,"children":2788},{"class":120},[2789],{"type":20,"value":123},{"type":14,"tag":88,"props":2791,"children":2792},{"class":95},[2793],{"type":20,"value":439},{"type":14,"tag":88,"props":2795,"children":2796},{"class":174},[2797],{"type":20,"value":2493},{"type":14,"tag":88,"props":2799,"children":2800},{"class":95},[2801],{"type":20,"value":448},{"type":14,"tag":88,"props":2803,"children":2804},{"class":451},[2805],{"type":20,"value":2806},"\"lg\"",{"type":14,"tag":88,"props":2808,"children":2809},{"class":95},[2810],{"type":20,"value":108},{"type":14,"tag":88,"props":2812,"children":2813},{"class":90,"line":686},[2814,2818,2822,2827,2831],{"type":14,"tag":88,"props":2815,"children":2816},{"class":95},[2817],{"type":20,"value":136},{"type":14,"tag":88,"props":2819,"children":2820},{"class":120},[2821],{"type":20,"value":141},{"type":14,"tag":88,"props":2823,"children":2824},{"class":95},[2825],{"type":20,"value":2826},">Large Tooltip\u003C/",{"type":14,"tag":88,"props":2828,"children":2829},{"class":120},[2830],{"type":20,"value":141},{"type":14,"tag":88,"props":2832,"children":2833},{"class":95},[2834],{"type":20,"value":108},{"type":14,"tag":88,"props":2836,"children":2837},{"class":90,"line":711},[2838,2842,2846,2850,2854,2858,2862],{"type":14,"tag":88,"props":2839,"children":2840},{"class":95},[2841],{"type":20,"value":136},{"type":14,"tag":88,"props":2843,"children":2844},{"class":101},[2845],{"type":20,"value":61},{"type":14,"tag":88,"props":2847,"children":2848},{"class":95},[2849],{"type":20,"value":171},{"type":14,"tag":88,"props":2851,"children":2852},{"class":174},[2853],{"type":20,"value":177},{"type":14,"tag":88,"props":2855,"children":2856},{"class":95},[2857],{"type":20,"value":146},{"type":14,"tag":88,"props":2859,"children":2860},{"class":101},[2861],{"type":20,"value":61},{"type":14,"tag":88,"props":2863,"children":2864},{"class":95},[2865],{"type":20,"value":108},{"type":14,"tag":88,"props":2867,"children":2868},{"class":90,"line":743},[2869,2873,2877],{"type":14,"tag":88,"props":2870,"children":2871},{"class":95},[2872],{"type":20,"value":198},{"type":14,"tag":88,"props":2874,"children":2875},{"class":120},[2876],{"type":20,"value":123},{"type":14,"tag":88,"props":2878,"children":2879},{"class":95},[2880],{"type":20,"value":108},{"type":14,"tag":88,"props":2882,"children":2883},{"class":90,"line":759},[2884,2888,2892],{"type":14,"tag":88,"props":2885,"children":2886},{"class":95},[2887],{"type":20,"value":215},{"type":14,"tag":88,"props":2889,"children":2890},{"class":101},[2891],{"type":20,"value":61},{"type":14,"tag":88,"props":2893,"children":2894},{"class":95},[2895],{"type":20,"value":224},{"type":14,"tag":226,"props":2897,"children":2899},{"id":2898},"props",[2900],{"type":20,"value":2901},"Props",{"type":14,"tag":2903,"props":2904,"children":2905},"content-component-props",{"component":123},[],{"type":14,"tag":226,"props":2907,"children":2909},{"id":2908},"slots",[2910],{"type":20,"value":2911},"Slots",{"type":14,"tag":2913,"props":2914,"children":2915},"content-component-slots",{"component":123},[],{"type":14,"tag":226,"props":2917,"children":2918},{"id":1562},[2919],{"type":20,"value":2920},"Events",{"type":14,"tag":2922,"props":2923,"children":2924},"content-component-events",{"component":123},[],{"type":14,"tag":226,"props":2926,"children":2928},{"id":2927},"design-tokens",[2929],{"type":20,"value":2930},"Design Tokens",{"type":14,"tag":2932,"props":2933,"children":2934},"content-component-design-tokens",{"component":123},[],{"type":14,"tag":1206,"children":2936},[2937],{"type":20,"value":2938},".ct-553616{color:#24292E;}\n.dark-theme .ct-553616{color:#E1E4E8;}\n.ct-914029{color:#22863A;}\n.dark-theme .ct-914029{color:#85E89D;}\n.ct-028869{color:#B31D28;font-style:italic;}\n.dark-theme .ct-028869{color:#FDAEB7;font-style:italic;}\n.ct-762058{color:#6F42C1;}\n.dark-theme .ct-762058{color:#B392F0;}\n.ct-952708{color:#032F62;}\n.dark-theme .ct-952708{color:#9ECBFF;}\n.ct-149352{color:#D73A49;}\n.dark-theme .ct-149352{color:#F97583;}\n.ct-617022{color:#005CC5;}\n.dark-theme .ct-617022{color:#79B8FF;}",{"title":7,"searchDepth":111,"depth":111,"links":2940},[2941],{"id":25,"depth":111,"text":9,"children":2942},[2943,2944,2945,2946,2947,2948,2949,2950,2951],{"id":228,"depth":130,"text":231},{"id":889,"depth":130,"text":892},{"id":1332,"depth":130,"text":1335},{"id":2165,"depth":130,"text":2168},{"id":2480,"depth":130,"text":2483},{"id":2898,"depth":130,"text":2901},{"id":2908,"depth":130,"text":2911},{"id":1562,"depth":130,"text":2920},{"id":2927,"depth":130,"text":2930},"markdown","content:docs:components:tooltip.md","content","docs/components/tooltip.md",1794582259750]