[{"data":1,"prerenderedAt":4260},["Reactive",2],{"content-query-WvqJ2kwrHr":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"body":10,"_type":4256,"_id":4257,"_source":4258,"_file":4259,"_extension":626},"/docs/components/button","components",false,"","Button - Inkline","Buttons can represent actions, links, or routes within the application and represent one of the core building blocks of an application.",{"type":11,"children":12,"toc":4236},"root",[13,22,28,34,133,140,145,596,602,642,833,839,864,1055,1073,1598,1604,1616,2095,2101,2112,2592,2598,2616,2812,2818,2830,2916,2922,2941,3218,3224,3243,3384,3390,3402,3543,3549,3560,3571,3968,3974,4007,4047,4191,4197,4201,4207,4211,4217,4221,4227,4231],{"type":14,"tag":15,"props":16,"children":18},"element","h1",{"id":17},"button",[19],{"type":20,"value":21},"text","Button",{"type":14,"tag":23,"props":24,"children":26},"h2",{"id":25},"buttons-can-represent-actions-links-or-routes-within-the-application-and-represent-one-of-the-core-building-blocks-of-an-application",[27],{"type":20,"value":9},{"type":14,"tag":29,"props":30,"children":31},"p",{},[32],{"type":20,"value":33},"Inkline provides you with custom button styles with support for multiple colors, sizes, states, and more. Buttons can represent actions, links, or routes within the application. Inkline provides out of the box support for all scenarios.",{"type":14,"tag":35,"props":36,"children":37},"content-tabs",{},[38,47],{"type":14,"tag":39,"props":40,"children":41},"template",{"v-slot:preview":7},[42],{"type":14,"tag":43,"props":44,"children":46},"content-preview",{"src":45},"/components/IButton/examples/basic",[],{"type":14,"tag":39,"props":48,"children":49},{"v-slot:vue":7},[50],{"type":14,"tag":51,"props":52,"children":57},"code",{"className":53,"code":55,"language":56,"meta":7},[54],"language-vue","\u003Ctemplate>\n    \u003CIButton>Button\u003C/IButton>\n\u003C/template>\n\n","vue",[58],{"type":14,"tag":59,"props":60,"children":61},"pre",{},[62],{"type":14,"tag":51,"props":63,"children":64},{"__ignoreMap":7},[65,87,115],{"type":14,"tag":66,"props":67,"children":70},"span",{"class":68,"line":69},"line",1,[71,77,82],{"type":14,"tag":66,"props":72,"children":74},{"class":73},"ct-553616",[75],{"type":20,"value":76},"\u003C",{"type":14,"tag":66,"props":78,"children":80},{"class":79},"ct-914029",[81],{"type":20,"value":39},{"type":14,"tag":66,"props":83,"children":84},{"class":73},[85],{"type":20,"value":86},">\n",{"type":14,"tag":66,"props":88,"children":90},{"class":68,"line":89},2,[91,96,102,107,111],{"type":14,"tag":66,"props":92,"children":93},{"class":73},[94],{"type":20,"value":95},"    \u003C",{"type":14,"tag":66,"props":97,"children":99},{"class":98},"ct-028869",[100],{"type":20,"value":101},"IButton",{"type":14,"tag":66,"props":103,"children":104},{"class":73},[105],{"type":20,"value":106},">Button\u003C/",{"type":14,"tag":66,"props":108,"children":109},{"class":98},[110],{"type":20,"value":101},{"type":14,"tag":66,"props":112,"children":113},{"class":73},[114],{"type":20,"value":86},{"type":14,"tag":66,"props":116,"children":118},{"class":68,"line":117},3,[119,124,128],{"type":14,"tag":66,"props":120,"children":121},{"class":73},[122],{"type":20,"value":123},"\u003C/",{"type":14,"tag":66,"props":125,"children":126},{"class":79},[127],{"type":20,"value":39},{"type":14,"tag":66,"props":129,"children":130},{"class":73},[131],{"type":20,"value":132},">",{"type":14,"tag":134,"props":135,"children":137},"h3",{"id":136},"color-variants",[138],{"type":20,"value":139},"Color Variants",{"type":14,"tag":29,"props":141,"children":142},{},[143],{"type":20,"value":144},"Inkline includes several predefined button colors, each serving its own semantic purpose, with a few extra color variants available for more control.",{"type":14,"tag":35,"props":146,"children":147},{},[148,155],{"type":14,"tag":39,"props":149,"children":150},{"v-slot:preview":7},[151],{"type":14,"tag":43,"props":152,"children":154},{"src":153},"/components/IButton/examples/color-variants",[],{"type":14,"tag":39,"props":156,"children":157},{"v-slot:vue":7},[158],{"type":14,"tag":51,"props":159,"children":162},{"className":160,"code":161,"language":56,"meta":7},[54],"\u003Ctemplate>\n    \u003CIButton color=\"primary\">Primary\u003C/IButton>\n\n    \u003CIButton color=\"secondary\">Secondary\u003C/IButton>\n\n    \u003CIButton color=\"success\">Success\u003C/IButton>\n\n    \u003CIButton color=\"danger\">Danger\u003C/IButton>\n\n    \u003CIButton color=\"warning\">Warning\u003C/IButton>\n\n    \u003CIButton color=\"info\">Info\u003C/IButton>\n\n    \u003CIButton color=\"light\">Light\u003C/IButton>\n\n    \u003CIButton color=\"dark\">Dark\u003C/IButton>\n\u003C/template>\n\n",[163],{"type":14,"tag":59,"props":164,"children":165},{},[166],{"type":14,"tag":51,"props":167,"children":168},{"__ignoreMap":7},[169,184,230,238,280,288,330,338,380,388,430,438,480,488,530,538,580],{"type":14,"tag":66,"props":170,"children":171},{"class":68,"line":69},[172,176,180],{"type":14,"tag":66,"props":173,"children":174},{"class":73},[175],{"type":20,"value":76},{"type":14,"tag":66,"props":177,"children":178},{"class":79},[179],{"type":20,"value":39},{"type":14,"tag":66,"props":181,"children":182},{"class":73},[183],{"type":20,"value":86},{"type":14,"tag":66,"props":185,"children":186},{"class":68,"line":89},[187,191,195,200,206,211,217,222,226],{"type":14,"tag":66,"props":188,"children":189},{"class":73},[190],{"type":20,"value":95},{"type":14,"tag":66,"props":192,"children":193},{"class":98},[194],{"type":20,"value":101},{"type":14,"tag":66,"props":196,"children":197},{"class":73},[198],{"type":20,"value":199}," ",{"type":14,"tag":66,"props":201,"children":203},{"class":202},"ct-762058",[204],{"type":20,"value":205},"color",{"type":14,"tag":66,"props":207,"children":208},{"class":73},[209],{"type":20,"value":210},"=",{"type":14,"tag":66,"props":212,"children":214},{"class":213},"ct-952708",[215],{"type":20,"value":216},"\"primary\"",{"type":14,"tag":66,"props":218,"children":219},{"class":73},[220],{"type":20,"value":221},">Primary\u003C/",{"type":14,"tag":66,"props":223,"children":224},{"class":98},[225],{"type":20,"value":101},{"type":14,"tag":66,"props":227,"children":228},{"class":73},[229],{"type":20,"value":86},{"type":14,"tag":66,"props":231,"children":232},{"class":68,"line":117},[233],{"type":14,"tag":66,"props":234,"children":235},{},[236],{"type":20,"value":237},"\n",{"type":14,"tag":66,"props":239,"children":241},{"class":68,"line":240},4,[242,246,250,254,258,262,267,272,276],{"type":14,"tag":66,"props":243,"children":244},{"class":73},[245],{"type":20,"value":95},{"type":14,"tag":66,"props":247,"children":248},{"class":98},[249],{"type":20,"value":101},{"type":14,"tag":66,"props":251,"children":252},{"class":73},[253],{"type":20,"value":199},{"type":14,"tag":66,"props":255,"children":256},{"class":202},[257],{"type":20,"value":205},{"type":14,"tag":66,"props":259,"children":260},{"class":73},[261],{"type":20,"value":210},{"type":14,"tag":66,"props":263,"children":264},{"class":213},[265],{"type":20,"value":266},"\"secondary\"",{"type":14,"tag":66,"props":268,"children":269},{"class":73},[270],{"type":20,"value":271},">Secondary\u003C/",{"type":14,"tag":66,"props":273,"children":274},{"class":98},[275],{"type":20,"value":101},{"type":14,"tag":66,"props":277,"children":278},{"class":73},[279],{"type":20,"value":86},{"type":14,"tag":66,"props":281,"children":283},{"class":68,"line":282},5,[284],{"type":14,"tag":66,"props":285,"children":286},{},[287],{"type":20,"value":237},{"type":14,"tag":66,"props":289,"children":291},{"class":68,"line":290},6,[292,296,300,304,308,312,317,322,326],{"type":14,"tag":66,"props":293,"children":294},{"class":73},[295],{"type":20,"value":95},{"type":14,"tag":66,"props":297,"children":298},{"class":98},[299],{"type":20,"value":101},{"type":14,"tag":66,"props":301,"children":302},{"class":73},[303],{"type":20,"value":199},{"type":14,"tag":66,"props":305,"children":306},{"class":202},[307],{"type":20,"value":205},{"type":14,"tag":66,"props":309,"children":310},{"class":73},[311],{"type":20,"value":210},{"type":14,"tag":66,"props":313,"children":314},{"class":213},[315],{"type":20,"value":316},"\"success\"",{"type":14,"tag":66,"props":318,"children":319},{"class":73},[320],{"type":20,"value":321},">Success\u003C/",{"type":14,"tag":66,"props":323,"children":324},{"class":98},[325],{"type":20,"value":101},{"type":14,"tag":66,"props":327,"children":328},{"class":73},[329],{"type":20,"value":86},{"type":14,"tag":66,"props":331,"children":333},{"class":68,"line":332},7,[334],{"type":14,"tag":66,"props":335,"children":336},{},[337],{"type":20,"value":237},{"type":14,"tag":66,"props":339,"children":341},{"class":68,"line":340},8,[342,346,350,354,358,362,367,372,376],{"type":14,"tag":66,"props":343,"children":344},{"class":73},[345],{"type":20,"value":95},{"type":14,"tag":66,"props":347,"children":348},{"class":98},[349],{"type":20,"value":101},{"type":14,"tag":66,"props":351,"children":352},{"class":73},[353],{"type":20,"value":199},{"type":14,"tag":66,"props":355,"children":356},{"class":202},[357],{"type":20,"value":205},{"type":14,"tag":66,"props":359,"children":360},{"class":73},[361],{"type":20,"value":210},{"type":14,"tag":66,"props":363,"children":364},{"class":213},[365],{"type":20,"value":366},"\"danger\"",{"type":14,"tag":66,"props":368,"children":369},{"class":73},[370],{"type":20,"value":371},">Danger\u003C/",{"type":14,"tag":66,"props":373,"children":374},{"class":98},[375],{"type":20,"value":101},{"type":14,"tag":66,"props":377,"children":378},{"class":73},[379],{"type":20,"value":86},{"type":14,"tag":66,"props":381,"children":383},{"class":68,"line":382},9,[384],{"type":14,"tag":66,"props":385,"children":386},{},[387],{"type":20,"value":237},{"type":14,"tag":66,"props":389,"children":391},{"class":68,"line":390},10,[392,396,400,404,408,412,417,422,426],{"type":14,"tag":66,"props":393,"children":394},{"class":73},[395],{"type":20,"value":95},{"type":14,"tag":66,"props":397,"children":398},{"class":98},[399],{"type":20,"value":101},{"type":14,"tag":66,"props":401,"children":402},{"class":73},[403],{"type":20,"value":199},{"type":14,"tag":66,"props":405,"children":406},{"class":202},[407],{"type":20,"value":205},{"type":14,"tag":66,"props":409,"children":410},{"class":73},[411],{"type":20,"value":210},{"type":14,"tag":66,"props":413,"children":414},{"class":213},[415],{"type":20,"value":416},"\"warning\"",{"type":14,"tag":66,"props":418,"children":419},{"class":73},[420],{"type":20,"value":421},">Warning\u003C/",{"type":14,"tag":66,"props":423,"children":424},{"class":98},[425],{"type":20,"value":101},{"type":14,"tag":66,"props":427,"children":428},{"class":73},[429],{"type":20,"value":86},{"type":14,"tag":66,"props":431,"children":433},{"class":68,"line":432},11,[434],{"type":14,"tag":66,"props":435,"children":436},{},[437],{"type":20,"value":237},{"type":14,"tag":66,"props":439,"children":441},{"class":68,"line":440},12,[442,446,450,454,458,462,467,472,476],{"type":14,"tag":66,"props":443,"children":444},{"class":73},[445],{"type":20,"value":95},{"type":14,"tag":66,"props":447,"children":448},{"class":98},[449],{"type":20,"value":101},{"type":14,"tag":66,"props":451,"children":452},{"class":73},[453],{"type":20,"value":199},{"type":14,"tag":66,"props":455,"children":456},{"class":202},[457],{"type":20,"value":205},{"type":14,"tag":66,"props":459,"children":460},{"class":73},[461],{"type":20,"value":210},{"type":14,"tag":66,"props":463,"children":464},{"class":213},[465],{"type":20,"value":466},"\"info\"",{"type":14,"tag":66,"props":468,"children":469},{"class":73},[470],{"type":20,"value":471},">Info\u003C/",{"type":14,"tag":66,"props":473,"children":474},{"class":98},[475],{"type":20,"value":101},{"type":14,"tag":66,"props":477,"children":478},{"class":73},[479],{"type":20,"value":86},{"type":14,"tag":66,"props":481,"children":483},{"class":68,"line":482},13,[484],{"type":14,"tag":66,"props":485,"children":486},{},[487],{"type":20,"value":237},{"type":14,"tag":66,"props":489,"children":491},{"class":68,"line":490},14,[492,496,500,504,508,512,517,522,526],{"type":14,"tag":66,"props":493,"children":494},{"class":73},[495],{"type":20,"value":95},{"type":14,"tag":66,"props":497,"children":498},{"class":98},[499],{"type":20,"value":101},{"type":14,"tag":66,"props":501,"children":502},{"class":73},[503],{"type":20,"value":199},{"type":14,"tag":66,"props":505,"children":506},{"class":202},[507],{"type":20,"value":205},{"type":14,"tag":66,"props":509,"children":510},{"class":73},[511],{"type":20,"value":210},{"type":14,"tag":66,"props":513,"children":514},{"class":213},[515],{"type":20,"value":516},"\"light\"",{"type":14,"tag":66,"props":518,"children":519},{"class":73},[520],{"type":20,"value":521},">Light\u003C/",{"type":14,"tag":66,"props":523,"children":524},{"class":98},[525],{"type":20,"value":101},{"type":14,"tag":66,"props":527,"children":528},{"class":73},[529],{"type":20,"value":86},{"type":14,"tag":66,"props":531,"children":533},{"class":68,"line":532},15,[534],{"type":14,"tag":66,"props":535,"children":536},{},[537],{"type":20,"value":237},{"type":14,"tag":66,"props":539,"children":541},{"class":68,"line":540},16,[542,546,550,554,558,562,567,572,576],{"type":14,"tag":66,"props":543,"children":544},{"class":73},[545],{"type":20,"value":95},{"type":14,"tag":66,"props":547,"children":548},{"class":98},[549],{"type":20,"value":101},{"type":14,"tag":66,"props":551,"children":552},{"class":73},[553],{"type":20,"value":199},{"type":14,"tag":66,"props":555,"children":556},{"class":202},[557],{"type":20,"value":205},{"type":14,"tag":66,"props":559,"children":560},{"class":73},[561],{"type":20,"value":210},{"type":14,"tag":66,"props":563,"children":564},{"class":213},[565],{"type":20,"value":566},"\"dark\"",{"type":14,"tag":66,"props":568,"children":569},{"class":73},[570],{"type":20,"value":571},">Dark\u003C/",{"type":14,"tag":66,"props":573,"children":574},{"class":98},[575],{"type":20,"value":101},{"type":14,"tag":66,"props":577,"children":578},{"class":73},[579],{"type":20,"value":86},{"type":14,"tag":66,"props":581,"children":583},{"class":68,"line":582},17,[584,588,592],{"type":14,"tag":66,"props":585,"children":586},{"class":73},[587],{"type":20,"value":123},{"type":14,"tag":66,"props":589,"children":590},{"class":79},[591],{"type":20,"value":39},{"type":14,"tag":66,"props":593,"children":594},{"class":73},[595],{"type":20,"value":132},{"type":14,"tag":134,"props":597,"children":599},{"id":598},"size-variants",[600],{"type":20,"value":601},"Size Variants",{"type":14,"tag":29,"props":603,"children":604},{},[605,607,613,615,620,622,627,629,634,636,640],{"type":20,"value":606},"You're able to use the ",{"type":14,"tag":608,"props":609,"children":610},"code-inline",{},[611],{"type":20,"value":612},"size",{"type":20,"value":614}," modifier to control the size of your buttons, using one of the available sizes: ",{"type":14,"tag":608,"props":616,"children":617},{},[618],{"type":20,"value":619},"sm",{"type":20,"value":621},", ",{"type":14,"tag":608,"props":623,"children":624},{},[625],{"type":20,"value":626},"md",{"type":20,"value":628},", and ",{"type":14,"tag":608,"props":630,"children":631},{},[632],{"type":20,"value":633},"lg",{"type":20,"value":635},". The default size is set to ",{"type":14,"tag":608,"props":637,"children":638},{},[639],{"type":20,"value":626},{"type":20,"value":641},".",{"type":14,"tag":35,"props":643,"children":644},{},[645,652],{"type":14,"tag":39,"props":646,"children":647},{"v-slot:preview":7},[648],{"type":14,"tag":43,"props":649,"children":651},{"src":650},"/components/IButton/examples/size-variants",[],{"type":14,"tag":39,"props":653,"children":654},{"v-slot:vue":7},[655],{"type":14,"tag":51,"props":656,"children":659},{"className":657,"code":658,"language":56,"meta":7},[54],"\u003Ctemplate>\n    \u003CIButton size=\"sm\">Small Button\u003C/IButton>\n\n    \u003CIButton size=\"md\">Medium Button\u003C/IButton>\n\n    \u003CIButton size=\"lg\">Large Button\u003C/IButton>\n\u003C/template>\n\n",[660],{"type":14,"tag":59,"props":661,"children":662},{},[663],{"type":14,"tag":51,"props":664,"children":665},{"__ignoreMap":7},[666,681,722,729,770,777,818],{"type":14,"tag":66,"props":667,"children":668},{"class":68,"line":69},[669,673,677],{"type":14,"tag":66,"props":670,"children":671},{"class":73},[672],{"type":20,"value":76},{"type":14,"tag":66,"props":674,"children":675},{"class":79},[676],{"type":20,"value":39},{"type":14,"tag":66,"props":678,"children":679},{"class":73},[680],{"type":20,"value":86},{"type":14,"tag":66,"props":682,"children":683},{"class":68,"line":89},[684,688,692,696,700,704,709,714,718],{"type":14,"tag":66,"props":685,"children":686},{"class":73},[687],{"type":20,"value":95},{"type":14,"tag":66,"props":689,"children":690},{"class":98},[691],{"type":20,"value":101},{"type":14,"tag":66,"props":693,"children":694},{"class":73},[695],{"type":20,"value":199},{"type":14,"tag":66,"props":697,"children":698},{"class":202},[699],{"type":20,"value":612},{"type":14,"tag":66,"props":701,"children":702},{"class":73},[703],{"type":20,"value":210},{"type":14,"tag":66,"props":705,"children":706},{"class":213},[707],{"type":20,"value":708},"\"sm\"",{"type":14,"tag":66,"props":710,"children":711},{"class":73},[712],{"type":20,"value":713},">Small Button\u003C/",{"type":14,"tag":66,"props":715,"children":716},{"class":98},[717],{"type":20,"value":101},{"type":14,"tag":66,"props":719,"children":720},{"class":73},[721],{"type":20,"value":86},{"type":14,"tag":66,"props":723,"children":724},{"class":68,"line":117},[725],{"type":14,"tag":66,"props":726,"children":727},{},[728],{"type":20,"value":237},{"type":14,"tag":66,"props":730,"children":731},{"class":68,"line":240},[732,736,740,744,748,752,757,762,766],{"type":14,"tag":66,"props":733,"children":734},{"class":73},[735],{"type":20,"value":95},{"type":14,"tag":66,"props":737,"children":738},{"class":98},[739],{"type":20,"value":101},{"type":14,"tag":66,"props":741,"children":742},{"class":73},[743],{"type":20,"value":199},{"type":14,"tag":66,"props":745,"children":746},{"class":202},[747],{"type":20,"value":612},{"type":14,"tag":66,"props":749,"children":750},{"class":73},[751],{"type":20,"value":210},{"type":14,"tag":66,"props":753,"children":754},{"class":213},[755],{"type":20,"value":756},"\"md\"",{"type":14,"tag":66,"props":758,"children":759},{"class":73},[760],{"type":20,"value":761},">Medium Button\u003C/",{"type":14,"tag":66,"props":763,"children":764},{"class":98},[765],{"type":20,"value":101},{"type":14,"tag":66,"props":767,"children":768},{"class":73},[769],{"type":20,"value":86},{"type":14,"tag":66,"props":771,"children":772},{"class":68,"line":282},[773],{"type":14,"tag":66,"props":774,"children":775},{},[776],{"type":20,"value":237},{"type":14,"tag":66,"props":778,"children":779},{"class":68,"line":290},[780,784,788,792,796,800,805,810,814],{"type":14,"tag":66,"props":781,"children":782},{"class":73},[783],{"type":20,"value":95},{"type":14,"tag":66,"props":785,"children":786},{"class":98},[787],{"type":20,"value":101},{"type":14,"tag":66,"props":789,"children":790},{"class":73},[791],{"type":20,"value":199},{"type":14,"tag":66,"props":793,"children":794},{"class":202},[795],{"type":20,"value":612},{"type":14,"tag":66,"props":797,"children":798},{"class":73},[799],{"type":20,"value":210},{"type":14,"tag":66,"props":801,"children":802},{"class":213},[803],{"type":20,"value":804},"\"lg\"",{"type":14,"tag":66,"props":806,"children":807},{"class":73},[808],{"type":20,"value":809},">Large Button\u003C/",{"type":14,"tag":66,"props":811,"children":812},{"class":98},[813],{"type":20,"value":101},{"type":14,"tag":66,"props":815,"children":816},{"class":73},[817],{"type":20,"value":86},{"type":14,"tag":66,"props":819,"children":820},{"class":68,"line":332},[821,825,829],{"type":14,"tag":66,"props":822,"children":823},{"class":73},[824],{"type":20,"value":123},{"type":14,"tag":66,"props":826,"children":827},{"class":79},[828],{"type":20,"value":39},{"type":14,"tag":66,"props":830,"children":831},{"class":73},[832],{"type":20,"value":132},{"type":14,"tag":134,"props":834,"children":836},{"id":835},"button-type",[837],{"type":20,"value":838},"Button Type",{"type":14,"tag":29,"props":840,"children":841},{},[842,844,849,851,856,858,862],{"type":20,"value":843},"The ",{"type":14,"tag":608,"props":845,"children":846},{},[847],{"type":20,"value":848},"\u003CIButton>",{"type":20,"value":850}," component creates a ",{"type":14,"tag":608,"props":852,"children":853},{},[854],{"type":20,"value":855},"\u003Cbutton>",{"type":20,"value":857}," element behind the scenes. Therefore, you can assign a type to it, just like with the ",{"type":14,"tag":608,"props":859,"children":860},{},[861],{"type":20,"value":855},{"type":20,"value":863}," element.",{"type":14,"tag":35,"props":865,"children":866},{},[867,874],{"type":14,"tag":39,"props":868,"children":869},{"v-slot:preview":7},[870],{"type":14,"tag":43,"props":871,"children":873},{"src":872},"/components/IButton/examples/button-type",[],{"type":14,"tag":39,"props":875,"children":876},{"v-slot:vue":7},[877],{"type":14,"tag":51,"props":878,"children":881},{"className":879,"code":880,"language":56,"meta":7},[54],"\u003Ctemplate>\n    \u003CIButton type=\"button\">Button\u003C/IButton>\n\n    \u003CIButton type=\"submit\">Submit\u003C/IButton>\n\n    \u003CIButton type=\"reset\">Reset\u003C/IButton>\n\u003C/template>\n\n",[882],{"type":14,"tag":59,"props":883,"children":884},{},[885],{"type":14,"tag":51,"props":886,"children":887},{"__ignoreMap":7},[888,903,944,951,992,999,1040],{"type":14,"tag":66,"props":889,"children":890},{"class":68,"line":69},[891,895,899],{"type":14,"tag":66,"props":892,"children":893},{"class":73},[894],{"type":20,"value":76},{"type":14,"tag":66,"props":896,"children":897},{"class":79},[898],{"type":20,"value":39},{"type":14,"tag":66,"props":900,"children":901},{"class":73},[902],{"type":20,"value":86},{"type":14,"tag":66,"props":904,"children":905},{"class":68,"line":89},[906,910,914,918,923,927,932,936,940],{"type":14,"tag":66,"props":907,"children":908},{"class":73},[909],{"type":20,"value":95},{"type":14,"tag":66,"props":911,"children":912},{"class":98},[913],{"type":20,"value":101},{"type":14,"tag":66,"props":915,"children":916},{"class":73},[917],{"type":20,"value":199},{"type":14,"tag":66,"props":919,"children":920},{"class":202},[921],{"type":20,"value":922},"type",{"type":14,"tag":66,"props":924,"children":925},{"class":73},[926],{"type":20,"value":210},{"type":14,"tag":66,"props":928,"children":929},{"class":213},[930],{"type":20,"value":931},"\"button\"",{"type":14,"tag":66,"props":933,"children":934},{"class":73},[935],{"type":20,"value":106},{"type":14,"tag":66,"props":937,"children":938},{"class":98},[939],{"type":20,"value":101},{"type":14,"tag":66,"props":941,"children":942},{"class":73},[943],{"type":20,"value":86},{"type":14,"tag":66,"props":945,"children":946},{"class":68,"line":117},[947],{"type":14,"tag":66,"props":948,"children":949},{},[950],{"type":20,"value":237},{"type":14,"tag":66,"props":952,"children":953},{"class":68,"line":240},[954,958,962,966,970,974,979,984,988],{"type":14,"tag":66,"props":955,"children":956},{"class":73},[957],{"type":20,"value":95},{"type":14,"tag":66,"props":959,"children":960},{"class":98},[961],{"type":20,"value":101},{"type":14,"tag":66,"props":963,"children":964},{"class":73},[965],{"type":20,"value":199},{"type":14,"tag":66,"props":967,"children":968},{"class":202},[969],{"type":20,"value":922},{"type":14,"tag":66,"props":971,"children":972},{"class":73},[973],{"type":20,"value":210},{"type":14,"tag":66,"props":975,"children":976},{"class":213},[977],{"type":20,"value":978},"\"submit\"",{"type":14,"tag":66,"props":980,"children":981},{"class":73},[982],{"type":20,"value":983},">Submit\u003C/",{"type":14,"tag":66,"props":985,"children":986},{"class":98},[987],{"type":20,"value":101},{"type":14,"tag":66,"props":989,"children":990},{"class":73},[991],{"type":20,"value":86},{"type":14,"tag":66,"props":993,"children":994},{"class":68,"line":282},[995],{"type":14,"tag":66,"props":996,"children":997},{},[998],{"type":20,"value":237},{"type":14,"tag":66,"props":1000,"children":1001},{"class":68,"line":290},[1002,1006,1010,1014,1018,1022,1027,1032,1036],{"type":14,"tag":66,"props":1003,"children":1004},{"class":73},[1005],{"type":20,"value":95},{"type":14,"tag":66,"props":1007,"children":1008},{"class":98},[1009],{"type":20,"value":101},{"type":14,"tag":66,"props":1011,"children":1012},{"class":73},[1013],{"type":20,"value":199},{"type":14,"tag":66,"props":1015,"children":1016},{"class":202},[1017],{"type":20,"value":922},{"type":14,"tag":66,"props":1019,"children":1020},{"class":73},[1021],{"type":20,"value":210},{"type":14,"tag":66,"props":1023,"children":1024},{"class":213},[1025],{"type":20,"value":1026},"\"reset\"",{"type":14,"tag":66,"props":1028,"children":1029},{"class":73},[1030],{"type":20,"value":1031},">Reset\u003C/",{"type":14,"tag":66,"props":1033,"children":1034},{"class":98},[1035],{"type":20,"value":101},{"type":14,"tag":66,"props":1037,"children":1038},{"class":73},[1039],{"type":20,"value":86},{"type":14,"tag":66,"props":1041,"children":1042},{"class":68,"line":332},[1043,1047,1051],{"type":14,"tag":66,"props":1044,"children":1045},{"class":73},[1046],{"type":20,"value":123},{"type":14,"tag":66,"props":1048,"children":1049},{"class":79},[1050],{"type":20,"value":39},{"type":14,"tag":66,"props":1052,"children":1053},{"class":73},[1054],{"type":20,"value":132},{"type":14,"tag":29,"props":1056,"children":1057},{},[1058,1060,1064,1066,1071],{"type":20,"value":1059},"If you need to change the ",{"type":14,"tag":608,"props":1061,"children":1062},{},[1063],{"type":20,"value":855},{"type":20,"value":1065}," node used to render the component, you can use the ",{"type":14,"tag":608,"props":1067,"children":1068},{},[1069],{"type":20,"value":1070},"tag",{"type":20,"value":1072}," property to change it.",{"type":14,"tag":35,"props":1074,"children":1075},{},[1076,1083],{"type":14,"tag":39,"props":1077,"children":1078},{"v-slot:preview":7},[1079],{"type":14,"tag":43,"props":1080,"children":1082},{"src":1081},"/components/IButton/examples/button-tag",[],{"type":14,"tag":39,"props":1084,"children":1085},{"v-slot:vue":7},[1086],{"type":14,"tag":51,"props":1087,"children":1090},{"className":1088,"code":1089,"language":56,"meta":7},[54],"\u003Ctemplate>\n    \u003CIButton tag=\"a\">Link Button\u003C/IButton>\n\n    \u003CIButton tag=\"button\" type=\"button\">Button\u003C/IButton>\n\n    \u003CIButton tag=\"button\" type=\"submit\">Submit Button\u003C/IButton>\n\n    \u003CIButton tag=\"button\" type=\"reset\">Reset Button\u003C/IButton>\n\n    \u003CIButton tag=\"input\" type=\"button\" value=\"Input\">Input\u003C/IButton>\n\n    \u003CIButton tag=\"input\" type=\"submit\" value=\"Submit Input\">Submit Input\u003C/IButton>\n\n    \u003CIButton tag=\"input\" type=\"reset\" value=\"Reset Input\">Reset Input\u003C/IButton>\n\u003C/template>\n\n",[1091],{"type":14,"tag":59,"props":1092,"children":1093},{},[1094],{"type":14,"tag":51,"props":1095,"children":1096},{"__ignoreMap":7},[1097,1112,1153,1160,1215,1222,1278,1285,1341,1348,1423,1430,1503,1510,1583],{"type":14,"tag":66,"props":1098,"children":1099},{"class":68,"line":69},[1100,1104,1108],{"type":14,"tag":66,"props":1101,"children":1102},{"class":73},[1103],{"type":20,"value":76},{"type":14,"tag":66,"props":1105,"children":1106},{"class":79},[1107],{"type":20,"value":39},{"type":14,"tag":66,"props":1109,"children":1110},{"class":73},[1111],{"type":20,"value":86},{"type":14,"tag":66,"props":1113,"children":1114},{"class":68,"line":89},[1115,1119,1123,1127,1131,1135,1140,1145,1149],{"type":14,"tag":66,"props":1116,"children":1117},{"class":73},[1118],{"type":20,"value":95},{"type":14,"tag":66,"props":1120,"children":1121},{"class":98},[1122],{"type":20,"value":101},{"type":14,"tag":66,"props":1124,"children":1125},{"class":73},[1126],{"type":20,"value":199},{"type":14,"tag":66,"props":1128,"children":1129},{"class":202},[1130],{"type":20,"value":1070},{"type":14,"tag":66,"props":1132,"children":1133},{"class":73},[1134],{"type":20,"value":210},{"type":14,"tag":66,"props":1136,"children":1137},{"class":213},[1138],{"type":20,"value":1139},"\"a\"",{"type":14,"tag":66,"props":1141,"children":1142},{"class":73},[1143],{"type":20,"value":1144},">Link Button\u003C/",{"type":14,"tag":66,"props":1146,"children":1147},{"class":98},[1148],{"type":20,"value":101},{"type":14,"tag":66,"props":1150,"children":1151},{"class":73},[1152],{"type":20,"value":86},{"type":14,"tag":66,"props":1154,"children":1155},{"class":68,"line":117},[1156],{"type":14,"tag":66,"props":1157,"children":1158},{},[1159],{"type":20,"value":237},{"type":14,"tag":66,"props":1161,"children":1162},{"class":68,"line":240},[1163,1167,1171,1175,1179,1183,1187,1191,1195,1199,1203,1207,1211],{"type":14,"tag":66,"props":1164,"children":1165},{"class":73},[1166],{"type":20,"value":95},{"type":14,"tag":66,"props":1168,"children":1169},{"class":98},[1170],{"type":20,"value":101},{"type":14,"tag":66,"props":1172,"children":1173},{"class":73},[1174],{"type":20,"value":199},{"type":14,"tag":66,"props":1176,"children":1177},{"class":202},[1178],{"type":20,"value":1070},{"type":14,"tag":66,"props":1180,"children":1181},{"class":73},[1182],{"type":20,"value":210},{"type":14,"tag":66,"props":1184,"children":1185},{"class":213},[1186],{"type":20,"value":931},{"type":14,"tag":66,"props":1188,"children":1189},{"class":73},[1190],{"type":20,"value":199},{"type":14,"tag":66,"props":1192,"children":1193},{"class":202},[1194],{"type":20,"value":922},{"type":14,"tag":66,"props":1196,"children":1197},{"class":73},[1198],{"type":20,"value":210},{"type":14,"tag":66,"props":1200,"children":1201},{"class":213},[1202],{"type":20,"value":931},{"type":14,"tag":66,"props":1204,"children":1205},{"class":73},[1206],{"type":20,"value":106},{"type":14,"tag":66,"props":1208,"children":1209},{"class":98},[1210],{"type":20,"value":101},{"type":14,"tag":66,"props":1212,"children":1213},{"class":73},[1214],{"type":20,"value":86},{"type":14,"tag":66,"props":1216,"children":1217},{"class":68,"line":282},[1218],{"type":14,"tag":66,"props":1219,"children":1220},{},[1221],{"type":20,"value":237},{"type":14,"tag":66,"props":1223,"children":1224},{"class":68,"line":290},[1225,1229,1233,1237,1241,1245,1249,1253,1257,1261,1265,1270,1274],{"type":14,"tag":66,"props":1226,"children":1227},{"class":73},[1228],{"type":20,"value":95},{"type":14,"tag":66,"props":1230,"children":1231},{"class":98},[1232],{"type":20,"value":101},{"type":14,"tag":66,"props":1234,"children":1235},{"class":73},[1236],{"type":20,"value":199},{"type":14,"tag":66,"props":1238,"children":1239},{"class":202},[1240],{"type":20,"value":1070},{"type":14,"tag":66,"props":1242,"children":1243},{"class":73},[1244],{"type":20,"value":210},{"type":14,"tag":66,"props":1246,"children":1247},{"class":213},[1248],{"type":20,"value":931},{"type":14,"tag":66,"props":1250,"children":1251},{"class":73},[1252],{"type":20,"value":199},{"type":14,"tag":66,"props":1254,"children":1255},{"class":202},[1256],{"type":20,"value":922},{"type":14,"tag":66,"props":1258,"children":1259},{"class":73},[1260],{"type":20,"value":210},{"type":14,"tag":66,"props":1262,"children":1263},{"class":213},[1264],{"type":20,"value":978},{"type":14,"tag":66,"props":1266,"children":1267},{"class":73},[1268],{"type":20,"value":1269},">Submit Button\u003C/",{"type":14,"tag":66,"props":1271,"children":1272},{"class":98},[1273],{"type":20,"value":101},{"type":14,"tag":66,"props":1275,"children":1276},{"class":73},[1277],{"type":20,"value":86},{"type":14,"tag":66,"props":1279,"children":1280},{"class":68,"line":332},[1281],{"type":14,"tag":66,"props":1282,"children":1283},{},[1284],{"type":20,"value":237},{"type":14,"tag":66,"props":1286,"children":1287},{"class":68,"line":340},[1288,1292,1296,1300,1304,1308,1312,1316,1320,1324,1328,1333,1337],{"type":14,"tag":66,"props":1289,"children":1290},{"class":73},[1291],{"type":20,"value":95},{"type":14,"tag":66,"props":1293,"children":1294},{"class":98},[1295],{"type":20,"value":101},{"type":14,"tag":66,"props":1297,"children":1298},{"class":73},[1299],{"type":20,"value":199},{"type":14,"tag":66,"props":1301,"children":1302},{"class":202},[1303],{"type":20,"value":1070},{"type":14,"tag":66,"props":1305,"children":1306},{"class":73},[1307],{"type":20,"value":210},{"type":14,"tag":66,"props":1309,"children":1310},{"class":213},[1311],{"type":20,"value":931},{"type":14,"tag":66,"props":1313,"children":1314},{"class":73},[1315],{"type":20,"value":199},{"type":14,"tag":66,"props":1317,"children":1318},{"class":202},[1319],{"type":20,"value":922},{"type":14,"tag":66,"props":1321,"children":1322},{"class":73},[1323],{"type":20,"value":210},{"type":14,"tag":66,"props":1325,"children":1326},{"class":213},[1327],{"type":20,"value":1026},{"type":14,"tag":66,"props":1329,"children":1330},{"class":73},[1331],{"type":20,"value":1332},">Reset Button\u003C/",{"type":14,"tag":66,"props":1334,"children":1335},{"class":98},[1336],{"type":20,"value":101},{"type":14,"tag":66,"props":1338,"children":1339},{"class":73},[1340],{"type":20,"value":86},{"type":14,"tag":66,"props":1342,"children":1343},{"class":68,"line":382},[1344],{"type":14,"tag":66,"props":1345,"children":1346},{},[1347],{"type":20,"value":237},{"type":14,"tag":66,"props":1349,"children":1350},{"class":68,"line":390},[1351,1355,1359,1363,1367,1371,1376,1380,1384,1388,1392,1396,1401,1405,1410,1415,1419],{"type":14,"tag":66,"props":1352,"children":1353},{"class":73},[1354],{"type":20,"value":95},{"type":14,"tag":66,"props":1356,"children":1357},{"class":98},[1358],{"type":20,"value":101},{"type":14,"tag":66,"props":1360,"children":1361},{"class":73},[1362],{"type":20,"value":199},{"type":14,"tag":66,"props":1364,"children":1365},{"class":202},[1366],{"type":20,"value":1070},{"type":14,"tag":66,"props":1368,"children":1369},{"class":73},[1370],{"type":20,"value":210},{"type":14,"tag":66,"props":1372,"children":1373},{"class":213},[1374],{"type":20,"value":1375},"\"input\"",{"type":14,"tag":66,"props":1377,"children":1378},{"class":73},[1379],{"type":20,"value":199},{"type":14,"tag":66,"props":1381,"children":1382},{"class":202},[1383],{"type":20,"value":922},{"type":14,"tag":66,"props":1385,"children":1386},{"class":73},[1387],{"type":20,"value":210},{"type":14,"tag":66,"props":1389,"children":1390},{"class":213},[1391],{"type":20,"value":931},{"type":14,"tag":66,"props":1393,"children":1394},{"class":73},[1395],{"type":20,"value":199},{"type":14,"tag":66,"props":1397,"children":1398},{"class":202},[1399],{"type":20,"value":1400},"value",{"type":14,"tag":66,"props":1402,"children":1403},{"class":73},[1404],{"type":20,"value":210},{"type":14,"tag":66,"props":1406,"children":1407},{"class":213},[1408],{"type":20,"value":1409},"\"Input\"",{"type":14,"tag":66,"props":1411,"children":1412},{"class":73},[1413],{"type":20,"value":1414},">Input\u003C/",{"type":14,"tag":66,"props":1416,"children":1417},{"class":98},[1418],{"type":20,"value":101},{"type":14,"tag":66,"props":1420,"children":1421},{"class":73},[1422],{"type":20,"value":86},{"type":14,"tag":66,"props":1424,"children":1425},{"class":68,"line":432},[1426],{"type":14,"tag":66,"props":1427,"children":1428},{},[1429],{"type":20,"value":237},{"type":14,"tag":66,"props":1431,"children":1432},{"class":68,"line":440},[1433,1437,1441,1445,1449,1453,1457,1461,1465,1469,1473,1477,1481,1485,1490,1495,1499],{"type":14,"tag":66,"props":1434,"children":1435},{"class":73},[1436],{"type":20,"value":95},{"type":14,"tag":66,"props":1438,"children":1439},{"class":98},[1440],{"type":20,"value":101},{"type":14,"tag":66,"props":1442,"children":1443},{"class":73},[1444],{"type":20,"value":199},{"type":14,"tag":66,"props":1446,"children":1447},{"class":202},[1448],{"type":20,"value":1070},{"type":14,"tag":66,"props":1450,"children":1451},{"class":73},[1452],{"type":20,"value":210},{"type":14,"tag":66,"props":1454,"children":1455},{"class":213},[1456],{"type":20,"value":1375},{"type":14,"tag":66,"props":1458,"children":1459},{"class":73},[1460],{"type":20,"value":199},{"type":14,"tag":66,"props":1462,"children":1463},{"class":202},[1464],{"type":20,"value":922},{"type":14,"tag":66,"props":1466,"children":1467},{"class":73},[1468],{"type":20,"value":210},{"type":14,"tag":66,"props":1470,"children":1471},{"class":213},[1472],{"type":20,"value":978},{"type":14,"tag":66,"props":1474,"children":1475},{"class":73},[1476],{"type":20,"value":199},{"type":14,"tag":66,"props":1478,"children":1479},{"class":202},[1480],{"type":20,"value":1400},{"type":14,"tag":66,"props":1482,"children":1483},{"class":73},[1484],{"type":20,"value":210},{"type":14,"tag":66,"props":1486,"children":1487},{"class":213},[1488],{"type":20,"value":1489},"\"Submit Input\"",{"type":14,"tag":66,"props":1491,"children":1492},{"class":73},[1493],{"type":20,"value":1494},">Submit Input\u003C/",{"type":14,"tag":66,"props":1496,"children":1497},{"class":98},[1498],{"type":20,"value":101},{"type":14,"tag":66,"props":1500,"children":1501},{"class":73},[1502],{"type":20,"value":86},{"type":14,"tag":66,"props":1504,"children":1505},{"class":68,"line":482},[1506],{"type":14,"tag":66,"props":1507,"children":1508},{},[1509],{"type":20,"value":237},{"type":14,"tag":66,"props":1511,"children":1512},{"class":68,"line":490},[1513,1517,1521,1525,1529,1533,1537,1541,1545,1549,1553,1557,1561,1565,1570,1575,1579],{"type":14,"tag":66,"props":1514,"children":1515},{"class":73},[1516],{"type":20,"value":95},{"type":14,"tag":66,"props":1518,"children":1519},{"class":98},[1520],{"type":20,"value":101},{"type":14,"tag":66,"props":1522,"children":1523},{"class":73},[1524],{"type":20,"value":199},{"type":14,"tag":66,"props":1526,"children":1527},{"class":202},[1528],{"type":20,"value":1070},{"type":14,"tag":66,"props":1530,"children":1531},{"class":73},[1532],{"type":20,"value":210},{"type":14,"tag":66,"props":1534,"children":1535},{"class":213},[1536],{"type":20,"value":1375},{"type":14,"tag":66,"props":1538,"children":1539},{"class":73},[1540],{"type":20,"value":199},{"type":14,"tag":66,"props":1542,"children":1543},{"class":202},[1544],{"type":20,"value":922},{"type":14,"tag":66,"props":1546,"children":1547},{"class":73},[1548],{"type":20,"value":210},{"type":14,"tag":66,"props":1550,"children":1551},{"class":213},[1552],{"type":20,"value":1026},{"type":14,"tag":66,"props":1554,"children":1555},{"class":73},[1556],{"type":20,"value":199},{"type":14,"tag":66,"props":1558,"children":1559},{"class":202},[1560],{"type":20,"value":1400},{"type":14,"tag":66,"props":1562,"children":1563},{"class":73},[1564],{"type":20,"value":210},{"type":14,"tag":66,"props":1566,"children":1567},{"class":213},[1568],{"type":20,"value":1569},"\"Reset Input\"",{"type":14,"tag":66,"props":1571,"children":1572},{"class":73},[1573],{"type":20,"value":1574},">Reset Input\u003C/",{"type":14,"tag":66,"props":1576,"children":1577},{"class":98},[1578],{"type":20,"value":101},{"type":14,"tag":66,"props":1580,"children":1581},{"class":73},[1582],{"type":20,"value":86},{"type":14,"tag":66,"props":1584,"children":1585},{"class":68,"line":532},[1586,1590,1594],{"type":14,"tag":66,"props":1587,"children":1588},{"class":73},[1589],{"type":20,"value":123},{"type":14,"tag":66,"props":1591,"children":1592},{"class":79},[1593],{"type":20,"value":39},{"type":14,"tag":66,"props":1595,"children":1596},{"class":73},[1597],{"type":20,"value":132},{"type":14,"tag":134,"props":1599,"children":1601},{"id":1600},"outline-variant",[1602],{"type":20,"value":1603},"Outline Variant",{"type":14,"tag":29,"props":1605,"children":1606},{},[1607,1609,1614],{"type":20,"value":1608},"Sometimes, buttons should not stand out so much. Replace the default look and feel using the ",{"type":14,"tag":608,"props":1610,"children":1611},{},[1612],{"type":20,"value":1613},"outline",{"type":20,"value":1615}," property to remove the background on any button unless you interact with it.",{"type":14,"tag":35,"props":1617,"children":1618},{},[1619,1626],{"type":14,"tag":39,"props":1620,"children":1621},{"v-slot:preview":7},[1622],{"type":14,"tag":43,"props":1623,"children":1625},{"src":1624},"/components/IButton/examples/outline",[],{"type":14,"tag":39,"props":1627,"children":1628},{"v-slot:vue":7},[1629],{"type":14,"tag":51,"props":1630,"children":1633},{"className":1631,"code":1632,"language":56,"meta":7},[54],"\u003Ctemplate>\n    \u003CIButton outline color=\"primary\">Primary\u003C/IButton>\n\n    \u003CIButton outline color=\"secondary\">Secondary\u003C/IButton>\n\n    \u003CIButton outline color=\"success\">Success\u003C/IButton>\n\n    \u003CIButton outline color=\"danger\">Danger\u003C/IButton>\n\n    \u003CIButton outline color=\"warning\">Warning\u003C/IButton>\n\n    \u003CIButton outline color=\"info\">Info\u003C/IButton>\n\n    \u003CIButton outline color=\"light\">Light\u003C/IButton>\n\n    \u003CIButton outline color=\"dark\">Dark\u003C/IButton>\n\u003C/template>\n\n",[1634],{"type":14,"tag":59,"props":1635,"children":1636},{},[1637],{"type":14,"tag":51,"props":1638,"children":1639},{"__ignoreMap":7},[1640,1655,1702,1709,1756,1763,1810,1817,1864,1871,1918,1925,1972,1979,2026,2033,2080],{"type":14,"tag":66,"props":1641,"children":1642},{"class":68,"line":69},[1643,1647,1651],{"type":14,"tag":66,"props":1644,"children":1645},{"class":73},[1646],{"type":20,"value":76},{"type":14,"tag":66,"props":1648,"children":1649},{"class":79},[1650],{"type":20,"value":39},{"type":14,"tag":66,"props":1652,"children":1653},{"class":73},[1654],{"type":20,"value":86},{"type":14,"tag":66,"props":1656,"children":1657},{"class":68,"line":89},[1658,1662,1666,1670,1674,1678,1682,1686,1690,1694,1698],{"type":14,"tag":66,"props":1659,"children":1660},{"class":73},[1661],{"type":20,"value":95},{"type":14,"tag":66,"props":1663,"children":1664},{"class":98},[1665],{"type":20,"value":101},{"type":14,"tag":66,"props":1667,"children":1668},{"class":73},[1669],{"type":20,"value":199},{"type":14,"tag":66,"props":1671,"children":1672},{"class":202},[1673],{"type":20,"value":1613},{"type":14,"tag":66,"props":1675,"children":1676},{"class":73},[1677],{"type":20,"value":199},{"type":14,"tag":66,"props":1679,"children":1680},{"class":202},[1681],{"type":20,"value":205},{"type":14,"tag":66,"props":1683,"children":1684},{"class":73},[1685],{"type":20,"value":210},{"type":14,"tag":66,"props":1687,"children":1688},{"class":213},[1689],{"type":20,"value":216},{"type":14,"tag":66,"props":1691,"children":1692},{"class":73},[1693],{"type":20,"value":221},{"type":14,"tag":66,"props":1695,"children":1696},{"class":98},[1697],{"type":20,"value":101},{"type":14,"tag":66,"props":1699,"children":1700},{"class":73},[1701],{"type":20,"value":86},{"type":14,"tag":66,"props":1703,"children":1704},{"class":68,"line":117},[1705],{"type":14,"tag":66,"props":1706,"children":1707},{},[1708],{"type":20,"value":237},{"type":14,"tag":66,"props":1710,"children":1711},{"class":68,"line":240},[1712,1716,1720,1724,1728,1732,1736,1740,1744,1748,1752],{"type":14,"tag":66,"props":1713,"children":1714},{"class":73},[1715],{"type":20,"value":95},{"type":14,"tag":66,"props":1717,"children":1718},{"class":98},[1719],{"type":20,"value":101},{"type":14,"tag":66,"props":1721,"children":1722},{"class":73},[1723],{"type":20,"value":199},{"type":14,"tag":66,"props":1725,"children":1726},{"class":202},[1727],{"type":20,"value":1613},{"type":14,"tag":66,"props":1729,"children":1730},{"class":73},[1731],{"type":20,"value":199},{"type":14,"tag":66,"props":1733,"children":1734},{"class":202},[1735],{"type":20,"value":205},{"type":14,"tag":66,"props":1737,"children":1738},{"class":73},[1739],{"type":20,"value":210},{"type":14,"tag":66,"props":1741,"children":1742},{"class":213},[1743],{"type":20,"value":266},{"type":14,"tag":66,"props":1745,"children":1746},{"class":73},[1747],{"type":20,"value":271},{"type":14,"tag":66,"props":1749,"children":1750},{"class":98},[1751],{"type":20,"value":101},{"type":14,"tag":66,"props":1753,"children":1754},{"class":73},[1755],{"type":20,"value":86},{"type":14,"tag":66,"props":1757,"children":1758},{"class":68,"line":282},[1759],{"type":14,"tag":66,"props":1760,"children":1761},{},[1762],{"type":20,"value":237},{"type":14,"tag":66,"props":1764,"children":1765},{"class":68,"line":290},[1766,1770,1774,1778,1782,1786,1790,1794,1798,1802,1806],{"type":14,"tag":66,"props":1767,"children":1768},{"class":73},[1769],{"type":20,"value":95},{"type":14,"tag":66,"props":1771,"children":1772},{"class":98},[1773],{"type":20,"value":101},{"type":14,"tag":66,"props":1775,"children":1776},{"class":73},[1777],{"type":20,"value":199},{"type":14,"tag":66,"props":1779,"children":1780},{"class":202},[1781],{"type":20,"value":1613},{"type":14,"tag":66,"props":1783,"children":1784},{"class":73},[1785],{"type":20,"value":199},{"type":14,"tag":66,"props":1787,"children":1788},{"class":202},[1789],{"type":20,"value":205},{"type":14,"tag":66,"props":1791,"children":1792},{"class":73},[1793],{"type":20,"value":210},{"type":14,"tag":66,"props":1795,"children":1796},{"class":213},[1797],{"type":20,"value":316},{"type":14,"tag":66,"props":1799,"children":1800},{"class":73},[1801],{"type":20,"value":321},{"type":14,"tag":66,"props":1803,"children":1804},{"class":98},[1805],{"type":20,"value":101},{"type":14,"tag":66,"props":1807,"children":1808},{"class":73},[1809],{"type":20,"value":86},{"type":14,"tag":66,"props":1811,"children":1812},{"class":68,"line":332},[1813],{"type":14,"tag":66,"props":1814,"children":1815},{},[1816],{"type":20,"value":237},{"type":14,"tag":66,"props":1818,"children":1819},{"class":68,"line":340},[1820,1824,1828,1832,1836,1840,1844,1848,1852,1856,1860],{"type":14,"tag":66,"props":1821,"children":1822},{"class":73},[1823],{"type":20,"value":95},{"type":14,"tag":66,"props":1825,"children":1826},{"class":98},[1827],{"type":20,"value":101},{"type":14,"tag":66,"props":1829,"children":1830},{"class":73},[1831],{"type":20,"value":199},{"type":14,"tag":66,"props":1833,"children":1834},{"class":202},[1835],{"type":20,"value":1613},{"type":14,"tag":66,"props":1837,"children":1838},{"class":73},[1839],{"type":20,"value":199},{"type":14,"tag":66,"props":1841,"children":1842},{"class":202},[1843],{"type":20,"value":205},{"type":14,"tag":66,"props":1845,"children":1846},{"class":73},[1847],{"type":20,"value":210},{"type":14,"tag":66,"props":1849,"children":1850},{"class":213},[1851],{"type":20,"value":366},{"type":14,"tag":66,"props":1853,"children":1854},{"class":73},[1855],{"type":20,"value":371},{"type":14,"tag":66,"props":1857,"children":1858},{"class":98},[1859],{"type":20,"value":101},{"type":14,"tag":66,"props":1861,"children":1862},{"class":73},[1863],{"type":20,"value":86},{"type":14,"tag":66,"props":1865,"children":1866},{"class":68,"line":382},[1867],{"type":14,"tag":66,"props":1868,"children":1869},{},[1870],{"type":20,"value":237},{"type":14,"tag":66,"props":1872,"children":1873},{"class":68,"line":390},[1874,1878,1882,1886,1890,1894,1898,1902,1906,1910,1914],{"type":14,"tag":66,"props":1875,"children":1876},{"class":73},[1877],{"type":20,"value":95},{"type":14,"tag":66,"props":1879,"children":1880},{"class":98},[1881],{"type":20,"value":101},{"type":14,"tag":66,"props":1883,"children":1884},{"class":73},[1885],{"type":20,"value":199},{"type":14,"tag":66,"props":1887,"children":1888},{"class":202},[1889],{"type":20,"value":1613},{"type":14,"tag":66,"props":1891,"children":1892},{"class":73},[1893],{"type":20,"value":199},{"type":14,"tag":66,"props":1895,"children":1896},{"class":202},[1897],{"type":20,"value":205},{"type":14,"tag":66,"props":1899,"children":1900},{"class":73},[1901],{"type":20,"value":210},{"type":14,"tag":66,"props":1903,"children":1904},{"class":213},[1905],{"type":20,"value":416},{"type":14,"tag":66,"props":1907,"children":1908},{"class":73},[1909],{"type":20,"value":421},{"type":14,"tag":66,"props":1911,"children":1912},{"class":98},[1913],{"type":20,"value":101},{"type":14,"tag":66,"props":1915,"children":1916},{"class":73},[1917],{"type":20,"value":86},{"type":14,"tag":66,"props":1919,"children":1920},{"class":68,"line":432},[1921],{"type":14,"tag":66,"props":1922,"children":1923},{},[1924],{"type":20,"value":237},{"type":14,"tag":66,"props":1926,"children":1927},{"class":68,"line":440},[1928,1932,1936,1940,1944,1948,1952,1956,1960,1964,1968],{"type":14,"tag":66,"props":1929,"children":1930},{"class":73},[1931],{"type":20,"value":95},{"type":14,"tag":66,"props":1933,"children":1934},{"class":98},[1935],{"type":20,"value":101},{"type":14,"tag":66,"props":1937,"children":1938},{"class":73},[1939],{"type":20,"value":199},{"type":14,"tag":66,"props":1941,"children":1942},{"class":202},[1943],{"type":20,"value":1613},{"type":14,"tag":66,"props":1945,"children":1946},{"class":73},[1947],{"type":20,"value":199},{"type":14,"tag":66,"props":1949,"children":1950},{"class":202},[1951],{"type":20,"value":205},{"type":14,"tag":66,"props":1953,"children":1954},{"class":73},[1955],{"type":20,"value":210},{"type":14,"tag":66,"props":1957,"children":1958},{"class":213},[1959],{"type":20,"value":466},{"type":14,"tag":66,"props":1961,"children":1962},{"class":73},[1963],{"type":20,"value":471},{"type":14,"tag":66,"props":1965,"children":1966},{"class":98},[1967],{"type":20,"value":101},{"type":14,"tag":66,"props":1969,"children":1970},{"class":73},[1971],{"type":20,"value":86},{"type":14,"tag":66,"props":1973,"children":1974},{"class":68,"line":482},[1975],{"type":14,"tag":66,"props":1976,"children":1977},{},[1978],{"type":20,"value":237},{"type":14,"tag":66,"props":1980,"children":1981},{"class":68,"line":490},[1982,1986,1990,1994,1998,2002,2006,2010,2014,2018,2022],{"type":14,"tag":66,"props":1983,"children":1984},{"class":73},[1985],{"type":20,"value":95},{"type":14,"tag":66,"props":1987,"children":1988},{"class":98},[1989],{"type":20,"value":101},{"type":14,"tag":66,"props":1991,"children":1992},{"class":73},[1993],{"type":20,"value":199},{"type":14,"tag":66,"props":1995,"children":1996},{"class":202},[1997],{"type":20,"value":1613},{"type":14,"tag":66,"props":1999,"children":2000},{"class":73},[2001],{"type":20,"value":199},{"type":14,"tag":66,"props":2003,"children":2004},{"class":202},[2005],{"type":20,"value":205},{"type":14,"tag":66,"props":2007,"children":2008},{"class":73},[2009],{"type":20,"value":210},{"type":14,"tag":66,"props":2011,"children":2012},{"class":213},[2013],{"type":20,"value":516},{"type":14,"tag":66,"props":2015,"children":2016},{"class":73},[2017],{"type":20,"value":521},{"type":14,"tag":66,"props":2019,"children":2020},{"class":98},[2021],{"type":20,"value":101},{"type":14,"tag":66,"props":2023,"children":2024},{"class":73},[2025],{"type":20,"value":86},{"type":14,"tag":66,"props":2027,"children":2028},{"class":68,"line":532},[2029],{"type":14,"tag":66,"props":2030,"children":2031},{},[2032],{"type":20,"value":237},{"type":14,"tag":66,"props":2034,"children":2035},{"class":68,"line":540},[2036,2040,2044,2048,2052,2056,2060,2064,2068,2072,2076],{"type":14,"tag":66,"props":2037,"children":2038},{"class":73},[2039],{"type":20,"value":95},{"type":14,"tag":66,"props":2041,"children":2042},{"class":98},[2043],{"type":20,"value":101},{"type":14,"tag":66,"props":2045,"children":2046},{"class":73},[2047],{"type":20,"value":199},{"type":14,"tag":66,"props":2049,"children":2050},{"class":202},[2051],{"type":20,"value":1613},{"type":14,"tag":66,"props":2053,"children":2054},{"class":73},[2055],{"type":20,"value":199},{"type":14,"tag":66,"props":2057,"children":2058},{"class":202},[2059],{"type":20,"value":205},{"type":14,"tag":66,"props":2061,"children":2062},{"class":73},[2063],{"type":20,"value":210},{"type":14,"tag":66,"props":2065,"children":2066},{"class":213},[2067],{"type":20,"value":566},{"type":14,"tag":66,"props":2069,"children":2070},{"class":73},[2071],{"type":20,"value":571},{"type":14,"tag":66,"props":2073,"children":2074},{"class":98},[2075],{"type":20,"value":101},{"type":14,"tag":66,"props":2077,"children":2078},{"class":73},[2079],{"type":20,"value":86},{"type":14,"tag":66,"props":2081,"children":2082},{"class":68,"line":582},[2083,2087,2091],{"type":14,"tag":66,"props":2084,"children":2085},{"class":73},[2086],{"type":20,"value":123},{"type":14,"tag":66,"props":2088,"children":2089},{"class":79},[2090],{"type":20,"value":39},{"type":14,"tag":66,"props":2092,"children":2093},{"class":73},[2094],{"type":20,"value":132},{"type":14,"tag":134,"props":2096,"children":2098},{"id":2097},"link-variant",[2099],{"type":20,"value":2100},"Link Variant",{"type":14,"tag":29,"props":2102,"children":2103},{},[2104,2106,2110],{"type":20,"value":2105},"You can create link buttons that look like normal links. Use the ",{"type":14,"tag":608,"props":2107,"children":2108},{},[2109],{"type":20,"value":205},{"type":20,"value":2111}," property to set the color of the link.",{"type":14,"tag":35,"props":2113,"children":2114},{},[2115,2122],{"type":14,"tag":39,"props":2116,"children":2117},{"v-slot:preview":7},[2118],{"type":14,"tag":43,"props":2119,"children":2121},{"src":2120},"/components/IButton/examples/link",[],{"type":14,"tag":39,"props":2123,"children":2124},{"v-slot:vue":7},[2125],{"type":14,"tag":51,"props":2126,"children":2129},{"className":2127,"code":2128,"language":56,"meta":7},[54],"\u003Ctemplate>\n    \u003CIButton link color=\"primary\">Primary\u003C/IButton>\n\n    \u003CIButton link color=\"secondary\">Secondary\u003C/IButton>\n\n    \u003CIButton link color=\"success\">Success\u003C/IButton>\n\n    \u003CIButton link color=\"danger\">Danger\u003C/IButton>\n\n    \u003CIButton link color=\"warning\">Warning\u003C/IButton>\n\n    \u003CIButton link color=\"info\">Info\u003C/IButton>\n\n    \u003CIButton link color=\"light\">Light\u003C/IButton>\n\n    \u003CIButton link color=\"dark\">Dark\u003C/IButton>\n\u003C/template>\n\n",[2130],{"type":14,"tag":59,"props":2131,"children":2132},{},[2133],{"type":14,"tag":51,"props":2134,"children":2135},{"__ignoreMap":7},[2136,2151,2199,2206,2253,2260,2307,2314,2361,2368,2415,2422,2469,2476,2523,2530,2577],{"type":14,"tag":66,"props":2137,"children":2138},{"class":68,"line":69},[2139,2143,2147],{"type":14,"tag":66,"props":2140,"children":2141},{"class":73},[2142],{"type":20,"value":76},{"type":14,"tag":66,"props":2144,"children":2145},{"class":79},[2146],{"type":20,"value":39},{"type":14,"tag":66,"props":2148,"children":2149},{"class":73},[2150],{"type":20,"value":86},{"type":14,"tag":66,"props":2152,"children":2153},{"class":68,"line":89},[2154,2158,2162,2166,2171,2175,2179,2183,2187,2191,2195],{"type":14,"tag":66,"props":2155,"children":2156},{"class":73},[2157],{"type":20,"value":95},{"type":14,"tag":66,"props":2159,"children":2160},{"class":98},[2161],{"type":20,"value":101},{"type":14,"tag":66,"props":2163,"children":2164},{"class":73},[2165],{"type":20,"value":199},{"type":14,"tag":66,"props":2167,"children":2168},{"class":202},[2169],{"type":20,"value":2170},"link",{"type":14,"tag":66,"props":2172,"children":2173},{"class":73},[2174],{"type":20,"value":199},{"type":14,"tag":66,"props":2176,"children":2177},{"class":202},[2178],{"type":20,"value":205},{"type":14,"tag":66,"props":2180,"children":2181},{"class":73},[2182],{"type":20,"value":210},{"type":14,"tag":66,"props":2184,"children":2185},{"class":213},[2186],{"type":20,"value":216},{"type":14,"tag":66,"props":2188,"children":2189},{"class":73},[2190],{"type":20,"value":221},{"type":14,"tag":66,"props":2192,"children":2193},{"class":98},[2194],{"type":20,"value":101},{"type":14,"tag":66,"props":2196,"children":2197},{"class":73},[2198],{"type":20,"value":86},{"type":14,"tag":66,"props":2200,"children":2201},{"class":68,"line":117},[2202],{"type":14,"tag":66,"props":2203,"children":2204},{},[2205],{"type":20,"value":237},{"type":14,"tag":66,"props":2207,"children":2208},{"class":68,"line":240},[2209,2213,2217,2221,2225,2229,2233,2237,2241,2245,2249],{"type":14,"tag":66,"props":2210,"children":2211},{"class":73},[2212],{"type":20,"value":95},{"type":14,"tag":66,"props":2214,"children":2215},{"class":98},[2216],{"type":20,"value":101},{"type":14,"tag":66,"props":2218,"children":2219},{"class":73},[2220],{"type":20,"value":199},{"type":14,"tag":66,"props":2222,"children":2223},{"class":202},[2224],{"type":20,"value":2170},{"type":14,"tag":66,"props":2226,"children":2227},{"class":73},[2228],{"type":20,"value":199},{"type":14,"tag":66,"props":2230,"children":2231},{"class":202},[2232],{"type":20,"value":205},{"type":14,"tag":66,"props":2234,"children":2235},{"class":73},[2236],{"type":20,"value":210},{"type":14,"tag":66,"props":2238,"children":2239},{"class":213},[2240],{"type":20,"value":266},{"type":14,"tag":66,"props":2242,"children":2243},{"class":73},[2244],{"type":20,"value":271},{"type":14,"tag":66,"props":2246,"children":2247},{"class":98},[2248],{"type":20,"value":101},{"type":14,"tag":66,"props":2250,"children":2251},{"class":73},[2252],{"type":20,"value":86},{"type":14,"tag":66,"props":2254,"children":2255},{"class":68,"line":282},[2256],{"type":14,"tag":66,"props":2257,"children":2258},{},[2259],{"type":20,"value":237},{"type":14,"tag":66,"props":2261,"children":2262},{"class":68,"line":290},[2263,2267,2271,2275,2279,2283,2287,2291,2295,2299,2303],{"type":14,"tag":66,"props":2264,"children":2265},{"class":73},[2266],{"type":20,"value":95},{"type":14,"tag":66,"props":2268,"children":2269},{"class":98},[2270],{"type":20,"value":101},{"type":14,"tag":66,"props":2272,"children":2273},{"class":73},[2274],{"type":20,"value":199},{"type":14,"tag":66,"props":2276,"children":2277},{"class":202},[2278],{"type":20,"value":2170},{"type":14,"tag":66,"props":2280,"children":2281},{"class":73},[2282],{"type":20,"value":199},{"type":14,"tag":66,"props":2284,"children":2285},{"class":202},[2286],{"type":20,"value":205},{"type":14,"tag":66,"props":2288,"children":2289},{"class":73},[2290],{"type":20,"value":210},{"type":14,"tag":66,"props":2292,"children":2293},{"class":213},[2294],{"type":20,"value":316},{"type":14,"tag":66,"props":2296,"children":2297},{"class":73},[2298],{"type":20,"value":321},{"type":14,"tag":66,"props":2300,"children":2301},{"class":98},[2302],{"type":20,"value":101},{"type":14,"tag":66,"props":2304,"children":2305},{"class":73},[2306],{"type":20,"value":86},{"type":14,"tag":66,"props":2308,"children":2309},{"class":68,"line":332},[2310],{"type":14,"tag":66,"props":2311,"children":2312},{},[2313],{"type":20,"value":237},{"type":14,"tag":66,"props":2315,"children":2316},{"class":68,"line":340},[2317,2321,2325,2329,2333,2337,2341,2345,2349,2353,2357],{"type":14,"tag":66,"props":2318,"children":2319},{"class":73},[2320],{"type":20,"value":95},{"type":14,"tag":66,"props":2322,"children":2323},{"class":98},[2324],{"type":20,"value":101},{"type":14,"tag":66,"props":2326,"children":2327},{"class":73},[2328],{"type":20,"value":199},{"type":14,"tag":66,"props":2330,"children":2331},{"class":202},[2332],{"type":20,"value":2170},{"type":14,"tag":66,"props":2334,"children":2335},{"class":73},[2336],{"type":20,"value":199},{"type":14,"tag":66,"props":2338,"children":2339},{"class":202},[2340],{"type":20,"value":205},{"type":14,"tag":66,"props":2342,"children":2343},{"class":73},[2344],{"type":20,"value":210},{"type":14,"tag":66,"props":2346,"children":2347},{"class":213},[2348],{"type":20,"value":366},{"type":14,"tag":66,"props":2350,"children":2351},{"class":73},[2352],{"type":20,"value":371},{"type":14,"tag":66,"props":2354,"children":2355},{"class":98},[2356],{"type":20,"value":101},{"type":14,"tag":66,"props":2358,"children":2359},{"class":73},[2360],{"type":20,"value":86},{"type":14,"tag":66,"props":2362,"children":2363},{"class":68,"line":382},[2364],{"type":14,"tag":66,"props":2365,"children":2366},{},[2367],{"type":20,"value":237},{"type":14,"tag":66,"props":2369,"children":2370},{"class":68,"line":390},[2371,2375,2379,2383,2387,2391,2395,2399,2403,2407,2411],{"type":14,"tag":66,"props":2372,"children":2373},{"class":73},[2374],{"type":20,"value":95},{"type":14,"tag":66,"props":2376,"children":2377},{"class":98},[2378],{"type":20,"value":101},{"type":14,"tag":66,"props":2380,"children":2381},{"class":73},[2382],{"type":20,"value":199},{"type":14,"tag":66,"props":2384,"children":2385},{"class":202},[2386],{"type":20,"value":2170},{"type":14,"tag":66,"props":2388,"children":2389},{"class":73},[2390],{"type":20,"value":199},{"type":14,"tag":66,"props":2392,"children":2393},{"class":202},[2394],{"type":20,"value":205},{"type":14,"tag":66,"props":2396,"children":2397},{"class":73},[2398],{"type":20,"value":210},{"type":14,"tag":66,"props":2400,"children":2401},{"class":213},[2402],{"type":20,"value":416},{"type":14,"tag":66,"props":2404,"children":2405},{"class":73},[2406],{"type":20,"value":421},{"type":14,"tag":66,"props":2408,"children":2409},{"class":98},[2410],{"type":20,"value":101},{"type":14,"tag":66,"props":2412,"children":2413},{"class":73},[2414],{"type":20,"value":86},{"type":14,"tag":66,"props":2416,"children":2417},{"class":68,"line":432},[2418],{"type":14,"tag":66,"props":2419,"children":2420},{},[2421],{"type":20,"value":237},{"type":14,"tag":66,"props":2423,"children":2424},{"class":68,"line":440},[2425,2429,2433,2437,2441,2445,2449,2453,2457,2461,2465],{"type":14,"tag":66,"props":2426,"children":2427},{"class":73},[2428],{"type":20,"value":95},{"type":14,"tag":66,"props":2430,"children":2431},{"class":98},[2432],{"type":20,"value":101},{"type":14,"tag":66,"props":2434,"children":2435},{"class":73},[2436],{"type":20,"value":199},{"type":14,"tag":66,"props":2438,"children":2439},{"class":202},[2440],{"type":20,"value":2170},{"type":14,"tag":66,"props":2442,"children":2443},{"class":73},[2444],{"type":20,"value":199},{"type":14,"tag":66,"props":2446,"children":2447},{"class":202},[2448],{"type":20,"value":205},{"type":14,"tag":66,"props":2450,"children":2451},{"class":73},[2452],{"type":20,"value":210},{"type":14,"tag":66,"props":2454,"children":2455},{"class":213},[2456],{"type":20,"value":466},{"type":14,"tag":66,"props":2458,"children":2459},{"class":73},[2460],{"type":20,"value":471},{"type":14,"tag":66,"props":2462,"children":2463},{"class":98},[2464],{"type":20,"value":101},{"type":14,"tag":66,"props":2466,"children":2467},{"class":73},[2468],{"type":20,"value":86},{"type":14,"tag":66,"props":2470,"children":2471},{"class":68,"line":482},[2472],{"type":14,"tag":66,"props":2473,"children":2474},{},[2475],{"type":20,"value":237},{"type":14,"tag":66,"props":2477,"children":2478},{"class":68,"line":490},[2479,2483,2487,2491,2495,2499,2503,2507,2511,2515,2519],{"type":14,"tag":66,"props":2480,"children":2481},{"class":73},[2482],{"type":20,"value":95},{"type":14,"tag":66,"props":2484,"children":2485},{"class":98},[2486],{"type":20,"value":101},{"type":14,"tag":66,"props":2488,"children":2489},{"class":73},[2490],{"type":20,"value":199},{"type":14,"tag":66,"props":2492,"children":2493},{"class":202},[2494],{"type":20,"value":2170},{"type":14,"tag":66,"props":2496,"children":2497},{"class":73},[2498],{"type":20,"value":199},{"type":14,"tag":66,"props":2500,"children":2501},{"class":202},[2502],{"type":20,"value":205},{"type":14,"tag":66,"props":2504,"children":2505},{"class":73},[2506],{"type":20,"value":210},{"type":14,"tag":66,"props":2508,"children":2509},{"class":213},[2510],{"type":20,"value":516},{"type":14,"tag":66,"props":2512,"children":2513},{"class":73},[2514],{"type":20,"value":521},{"type":14,"tag":66,"props":2516,"children":2517},{"class":98},[2518],{"type":20,"value":101},{"type":14,"tag":66,"props":2520,"children":2521},{"class":73},[2522],{"type":20,"value":86},{"type":14,"tag":66,"props":2524,"children":2525},{"class":68,"line":532},[2526],{"type":14,"tag":66,"props":2527,"children":2528},{},[2529],{"type":20,"value":237},{"type":14,"tag":66,"props":2531,"children":2532},{"class":68,"line":540},[2533,2537,2541,2545,2549,2553,2557,2561,2565,2569,2573],{"type":14,"tag":66,"props":2534,"children":2535},{"class":73},[2536],{"type":20,"value":95},{"type":14,"tag":66,"props":2538,"children":2539},{"class":98},[2540],{"type":20,"value":101},{"type":14,"tag":66,"props":2542,"children":2543},{"class":73},[2544],{"type":20,"value":199},{"type":14,"tag":66,"props":2546,"children":2547},{"class":202},[2548],{"type":20,"value":2170},{"type":14,"tag":66,"props":2550,"children":2551},{"class":73},[2552],{"type":20,"value":199},{"type":14,"tag":66,"props":2554,"children":2555},{"class":202},[2556],{"type":20,"value":205},{"type":14,"tag":66,"props":2558,"children":2559},{"class":73},[2560],{"type":20,"value":210},{"type":14,"tag":66,"props":2562,"children":2563},{"class":213},[2564],{"type":20,"value":566},{"type":14,"tag":66,"props":2566,"children":2567},{"class":73},[2568],{"type":20,"value":571},{"type":14,"tag":66,"props":2570,"children":2571},{"class":98},[2572],{"type":20,"value":101},{"type":14,"tag":66,"props":2574,"children":2575},{"class":73},[2576],{"type":20,"value":86},{"type":14,"tag":66,"props":2578,"children":2579},{"class":68,"line":582},[2580,2584,2588],{"type":14,"tag":66,"props":2581,"children":2582},{"class":73},[2583],{"type":20,"value":123},{"type":14,"tag":66,"props":2585,"children":2586},{"class":79},[2587],{"type":20,"value":39},{"type":14,"tag":66,"props":2589,"children":2590},{"class":73},[2591],{"type":20,"value":132},{"type":14,"tag":134,"props":2593,"children":2595},{"id":2594},"circle-variant",[2596],{"type":20,"value":2597},"Circle Variant",{"type":14,"tag":29,"props":2599,"children":2600},{},[2601,2603,2608,2610,2614],{"type":20,"value":2602},"Circle buttons are very common when working with icons. You can transform your button into a circle using the ",{"type":14,"tag":608,"props":2604,"children":2605},{},[2606],{"type":20,"value":2607},"circle",{"type":20,"value":2609}," property. You're also able to use the ",{"type":14,"tag":608,"props":2611,"children":2612},{},[2613],{"type":20,"value":612},{"type":20,"value":2615}," modifier to control the size of your circle buttons.",{"type":14,"tag":35,"props":2617,"children":2618},{},[2619,2626],{"type":14,"tag":39,"props":2620,"children":2621},{"v-slot:preview":7},[2622],{"type":14,"tag":43,"props":2623,"children":2625},{"src":2624},"/components/IButton/examples/circle",[],{"type":14,"tag":39,"props":2627,"children":2628},{"v-slot:vue":7},[2629],{"type":14,"tag":51,"props":2630,"children":2633},{"className":2631,"code":2632,"language":56,"meta":7},[54],"\u003Ctemplate>\n    \u003CIButton circle size=\"sm\">S\u003C/IButton>\n\n    \u003CIButton circle>M\u003C/IButton>\n\n    \u003CIButton circle size=\"lg\">L\u003C/IButton>\n\u003C/template>\n\n",[2634],{"type":14,"tag":59,"props":2635,"children":2636},{},[2637],{"type":14,"tag":51,"props":2638,"children":2639},{"__ignoreMap":7},[2640,2655,2703,2710,2742,2749,2797],{"type":14,"tag":66,"props":2641,"children":2642},{"class":68,"line":69},[2643,2647,2651],{"type":14,"tag":66,"props":2644,"children":2645},{"class":73},[2646],{"type":20,"value":76},{"type":14,"tag":66,"props":2648,"children":2649},{"class":79},[2650],{"type":20,"value":39},{"type":14,"tag":66,"props":2652,"children":2653},{"class":73},[2654],{"type":20,"value":86},{"type":14,"tag":66,"props":2656,"children":2657},{"class":68,"line":89},[2658,2662,2666,2670,2674,2678,2682,2686,2690,2695,2699],{"type":14,"tag":66,"props":2659,"children":2660},{"class":73},[2661],{"type":20,"value":95},{"type":14,"tag":66,"props":2663,"children":2664},{"class":98},[2665],{"type":20,"value":101},{"type":14,"tag":66,"props":2667,"children":2668},{"class":73},[2669],{"type":20,"value":199},{"type":14,"tag":66,"props":2671,"children":2672},{"class":202},[2673],{"type":20,"value":2607},{"type":14,"tag":66,"props":2675,"children":2676},{"class":73},[2677],{"type":20,"value":199},{"type":14,"tag":66,"props":2679,"children":2680},{"class":202},[2681],{"type":20,"value":612},{"type":14,"tag":66,"props":2683,"children":2684},{"class":73},[2685],{"type":20,"value":210},{"type":14,"tag":66,"props":2687,"children":2688},{"class":213},[2689],{"type":20,"value":708},{"type":14,"tag":66,"props":2691,"children":2692},{"class":73},[2693],{"type":20,"value":2694},">S\u003C/",{"type":14,"tag":66,"props":2696,"children":2697},{"class":98},[2698],{"type":20,"value":101},{"type":14,"tag":66,"props":2700,"children":2701},{"class":73},[2702],{"type":20,"value":86},{"type":14,"tag":66,"props":2704,"children":2705},{"class":68,"line":117},[2706],{"type":14,"tag":66,"props":2707,"children":2708},{},[2709],{"type":20,"value":237},{"type":14,"tag":66,"props":2711,"children":2712},{"class":68,"line":240},[2713,2717,2721,2725,2729,2734,2738],{"type":14,"tag":66,"props":2714,"children":2715},{"class":73},[2716],{"type":20,"value":95},{"type":14,"tag":66,"props":2718,"children":2719},{"class":98},[2720],{"type":20,"value":101},{"type":14,"tag":66,"props":2722,"children":2723},{"class":73},[2724],{"type":20,"value":199},{"type":14,"tag":66,"props":2726,"children":2727},{"class":202},[2728],{"type":20,"value":2607},{"type":14,"tag":66,"props":2730,"children":2731},{"class":73},[2732],{"type":20,"value":2733},">M\u003C/",{"type":14,"tag":66,"props":2735,"children":2736},{"class":98},[2737],{"type":20,"value":101},{"type":14,"tag":66,"props":2739,"children":2740},{"class":73},[2741],{"type":20,"value":86},{"type":14,"tag":66,"props":2743,"children":2744},{"class":68,"line":282},[2745],{"type":14,"tag":66,"props":2746,"children":2747},{},[2748],{"type":20,"value":237},{"type":14,"tag":66,"props":2750,"children":2751},{"class":68,"line":290},[2752,2756,2760,2764,2768,2772,2776,2780,2784,2789,2793],{"type":14,"tag":66,"props":2753,"children":2754},{"class":73},[2755],{"type":20,"value":95},{"type":14,"tag":66,"props":2757,"children":2758},{"class":98},[2759],{"type":20,"value":101},{"type":14,"tag":66,"props":2761,"children":2762},{"class":73},[2763],{"type":20,"value":199},{"type":14,"tag":66,"props":2765,"children":2766},{"class":202},[2767],{"type":20,"value":2607},{"type":14,"tag":66,"props":2769,"children":2770},{"class":73},[2771],{"type":20,"value":199},{"type":14,"tag":66,"props":2773,"children":2774},{"class":202},[2775],{"type":20,"value":612},{"type":14,"tag":66,"props":2777,"children":2778},{"class":73},[2779],{"type":20,"value":210},{"type":14,"tag":66,"props":2781,"children":2782},{"class":213},[2783],{"type":20,"value":804},{"type":14,"tag":66,"props":2785,"children":2786},{"class":73},[2787],{"type":20,"value":2788},">L\u003C/",{"type":14,"tag":66,"props":2790,"children":2791},{"class":98},[2792],{"type":20,"value":101},{"type":14,"tag":66,"props":2794,"children":2795},{"class":73},[2796],{"type":20,"value":86},{"type":14,"tag":66,"props":2798,"children":2799},{"class":68,"line":332},[2800,2804,2808],{"type":14,"tag":66,"props":2801,"children":2802},{"class":73},[2803],{"type":20,"value":123},{"type":14,"tag":66,"props":2805,"children":2806},{"class":79},[2807],{"type":20,"value":39},{"type":14,"tag":66,"props":2809,"children":2810},{"class":73},[2811],{"type":20,"value":132},{"type":14,"tag":134,"props":2813,"children":2815},{"id":2814},"block-variant",[2816],{"type":20,"value":2817},"Block Variant",{"type":14,"tag":29,"props":2819,"children":2820},{},[2821,2823,2828],{"type":20,"value":2822},"You can create block level buttons that span the full width of a parent by adding the ",{"type":14,"tag":608,"props":2824,"children":2825},{},[2826],{"type":20,"value":2827},"block",{"type":20,"value":2829}," property.",{"type":14,"tag":35,"props":2831,"children":2832},{},[2833,2840],{"type":14,"tag":39,"props":2834,"children":2835},{"v-slot:preview":7},[2836],{"type":14,"tag":43,"props":2837,"children":2839},{"src":2838},"/components/IButton/examples/block",[],{"type":14,"tag":39,"props":2841,"children":2842},{"v-slot:vue":7},[2843],{"type":14,"tag":51,"props":2844,"children":2847},{"className":2845,"code":2846,"language":56,"meta":7},[54],"\u003Ctemplate>\n    \u003CIButton block>Block Button\u003C/IButton>\n\u003C/template>\n\n",[2848],{"type":14,"tag":59,"props":2849,"children":2850},{},[2851],{"type":14,"tag":51,"props":2852,"children":2853},{"__ignoreMap":7},[2854,2869,2901],{"type":14,"tag":66,"props":2855,"children":2856},{"class":68,"line":69},[2857,2861,2865],{"type":14,"tag":66,"props":2858,"children":2859},{"class":73},[2860],{"type":20,"value":76},{"type":14,"tag":66,"props":2862,"children":2863},{"class":79},[2864],{"type":20,"value":39},{"type":14,"tag":66,"props":2866,"children":2867},{"class":73},[2868],{"type":20,"value":86},{"type":14,"tag":66,"props":2870,"children":2871},{"class":68,"line":89},[2872,2876,2880,2884,2888,2893,2897],{"type":14,"tag":66,"props":2873,"children":2874},{"class":73},[2875],{"type":20,"value":95},{"type":14,"tag":66,"props":2877,"children":2878},{"class":98},[2879],{"type":20,"value":101},{"type":14,"tag":66,"props":2881,"children":2882},{"class":73},[2883],{"type":20,"value":199},{"type":14,"tag":66,"props":2885,"children":2886},{"class":202},[2887],{"type":20,"value":2827},{"type":14,"tag":66,"props":2889,"children":2890},{"class":73},[2891],{"type":20,"value":2892},">Block Button\u003C/",{"type":14,"tag":66,"props":2894,"children":2895},{"class":98},[2896],{"type":20,"value":101},{"type":14,"tag":66,"props":2898,"children":2899},{"class":73},[2900],{"type":20,"value":86},{"type":14,"tag":66,"props":2902,"children":2903},{"class":68,"line":117},[2904,2908,2912],{"type":14,"tag":66,"props":2905,"children":2906},{"class":73},[2907],{"type":20,"value":123},{"type":14,"tag":66,"props":2909,"children":2910},{"class":79},[2911],{"type":20,"value":39},{"type":14,"tag":66,"props":2913,"children":2914},{"class":73},[2915],{"type":20,"value":132},{"type":14,"tag":134,"props":2917,"children":2919},{"id":2918},"button-icon",[2920],{"type":20,"value":2921},"Button Icon",{"type":14,"tag":29,"props":2923,"children":2924},{},[2925,2927,2931,2933,2940],{"type":20,"value":2926},"You can easily use the ",{"type":14,"tag":608,"props":2928,"children":2929},{},[2930],{"type":20,"value":101},{"type":20,"value":2932}," component together with any icon component (i.e. FontAwesome, IcoMoon), including the ",{"type":14,"tag":2934,"props":2935,"children":2937},"a",{"href":2936},"/docs/components/icon",[2938],{"type":20,"value":2939},"Icon Component",{"type":20,"value":641},{"type":14,"tag":35,"props":2942,"children":2943},{},[2944,2951],{"type":14,"tag":39,"props":2945,"children":2946},{"v-slot:preview":7},[2947],{"type":14,"tag":43,"props":2948,"children":2950},{"src":2949},"/components/IButton/examples/icon",[],{"type":14,"tag":39,"props":2952,"children":2953},{"v-slot:vue":7},[2954],{"type":14,"tag":51,"props":2955,"children":2958},{"className":2956,"code":2957,"language":56,"meta":7},[54],"\u003Ctemplate>\n    \u003CIButton>\n        \u003Ctemplate #icon>\n            \u003CIIcon name=\"ink-plus\" />\n        \u003C/template>\n    \u003C/IButton>\n\n    \u003CIButton>\n        \u003Ctemplate #icon>\n            \u003CIIcon name=\"ink-plus\" />\n        \u003C/template>\n        Button Icon\n    \u003C/IButton>\n\u003C/template>\n\n",[2959],{"type":14,"tag":59,"props":2960,"children":2961},{},[2962],{"type":14,"tag":51,"props":2963,"children":2964},{"__ignoreMap":7},[2965,2980,2995,3021,3057,3073,3089,3096,3111,3134,3165,3180,3188,3203],{"type":14,"tag":66,"props":2966,"children":2967},{"class":68,"line":69},[2968,2972,2976],{"type":14,"tag":66,"props":2969,"children":2970},{"class":73},[2971],{"type":20,"value":76},{"type":14,"tag":66,"props":2973,"children":2974},{"class":79},[2975],{"type":20,"value":39},{"type":14,"tag":66,"props":2977,"children":2978},{"class":73},[2979],{"type":20,"value":86},{"type":14,"tag":66,"props":2981,"children":2982},{"class":68,"line":89},[2983,2987,2991],{"type":14,"tag":66,"props":2984,"children":2985},{"class":73},[2986],{"type":20,"value":95},{"type":14,"tag":66,"props":2988,"children":2989},{"class":98},[2990],{"type":20,"value":101},{"type":14,"tag":66,"props":2992,"children":2993},{"class":73},[2994],{"type":20,"value":86},{"type":14,"tag":66,"props":2996,"children":2997},{"class":68,"line":117},[2998,3003,3007,3012,3017],{"type":14,"tag":66,"props":2999,"children":3000},{"class":73},[3001],{"type":20,"value":3002},"        \u003C",{"type":14,"tag":66,"props":3004,"children":3005},{"class":79},[3006],{"type":20,"value":39},{"type":14,"tag":66,"props":3008,"children":3009},{"class":73},[3010],{"type":20,"value":3011}," #",{"type":14,"tag":66,"props":3013,"children":3014},{"class":202},[3015],{"type":20,"value":3016},"icon",{"type":14,"tag":66,"props":3018,"children":3019},{"class":73},[3020],{"type":20,"value":86},{"type":14,"tag":66,"props":3022,"children":3023},{"class":68,"line":240},[3024,3029,3034,3038,3043,3047,3052],{"type":14,"tag":66,"props":3025,"children":3026},{"class":73},[3027],{"type":20,"value":3028},"            \u003C",{"type":14,"tag":66,"props":3030,"children":3031},{"class":98},[3032],{"type":20,"value":3033},"IIcon",{"type":14,"tag":66,"props":3035,"children":3036},{"class":73},[3037],{"type":20,"value":199},{"type":14,"tag":66,"props":3039,"children":3040},{"class":202},[3041],{"type":20,"value":3042},"name",{"type":14,"tag":66,"props":3044,"children":3045},{"class":73},[3046],{"type":20,"value":210},{"type":14,"tag":66,"props":3048,"children":3049},{"class":213},[3050],{"type":20,"value":3051},"\"ink-plus\"",{"type":14,"tag":66,"props":3053,"children":3054},{"class":73},[3055],{"type":20,"value":3056}," />\n",{"type":14,"tag":66,"props":3058,"children":3059},{"class":68,"line":282},[3060,3065,3069],{"type":14,"tag":66,"props":3061,"children":3062},{"class":73},[3063],{"type":20,"value":3064},"        \u003C/",{"type":14,"tag":66,"props":3066,"children":3067},{"class":79},[3068],{"type":20,"value":39},{"type":14,"tag":66,"props":3070,"children":3071},{"class":73},[3072],{"type":20,"value":86},{"type":14,"tag":66,"props":3074,"children":3075},{"class":68,"line":290},[3076,3081,3085],{"type":14,"tag":66,"props":3077,"children":3078},{"class":73},[3079],{"type":20,"value":3080},"    \u003C/",{"type":14,"tag":66,"props":3082,"children":3083},{"class":98},[3084],{"type":20,"value":101},{"type":14,"tag":66,"props":3086,"children":3087},{"class":73},[3088],{"type":20,"value":86},{"type":14,"tag":66,"props":3090,"children":3091},{"class":68,"line":332},[3092],{"type":14,"tag":66,"props":3093,"children":3094},{},[3095],{"type":20,"value":237},{"type":14,"tag":66,"props":3097,"children":3098},{"class":68,"line":340},[3099,3103,3107],{"type":14,"tag":66,"props":3100,"children":3101},{"class":73},[3102],{"type":20,"value":95},{"type":14,"tag":66,"props":3104,"children":3105},{"class":98},[3106],{"type":20,"value":101},{"type":14,"tag":66,"props":3108,"children":3109},{"class":73},[3110],{"type":20,"value":86},{"type":14,"tag":66,"props":3112,"children":3113},{"class":68,"line":382},[3114,3118,3122,3126,3130],{"type":14,"tag":66,"props":3115,"children":3116},{"class":73},[3117],{"type":20,"value":3002},{"type":14,"tag":66,"props":3119,"children":3120},{"class":79},[3121],{"type":20,"value":39},{"type":14,"tag":66,"props":3123,"children":3124},{"class":73},[3125],{"type":20,"value":3011},{"type":14,"tag":66,"props":3127,"children":3128},{"class":202},[3129],{"type":20,"value":3016},{"type":14,"tag":66,"props":3131,"children":3132},{"class":73},[3133],{"type":20,"value":86},{"type":14,"tag":66,"props":3135,"children":3136},{"class":68,"line":390},[3137,3141,3145,3149,3153,3157,3161],{"type":14,"tag":66,"props":3138,"children":3139},{"class":73},[3140],{"type":20,"value":3028},{"type":14,"tag":66,"props":3142,"children":3143},{"class":98},[3144],{"type":20,"value":3033},{"type":14,"tag":66,"props":3146,"children":3147},{"class":73},[3148],{"type":20,"value":199},{"type":14,"tag":66,"props":3150,"children":3151},{"class":202},[3152],{"type":20,"value":3042},{"type":14,"tag":66,"props":3154,"children":3155},{"class":73},[3156],{"type":20,"value":210},{"type":14,"tag":66,"props":3158,"children":3159},{"class":213},[3160],{"type":20,"value":3051},{"type":14,"tag":66,"props":3162,"children":3163},{"class":73},[3164],{"type":20,"value":3056},{"type":14,"tag":66,"props":3166,"children":3167},{"class":68,"line":432},[3168,3172,3176],{"type":14,"tag":66,"props":3169,"children":3170},{"class":73},[3171],{"type":20,"value":3064},{"type":14,"tag":66,"props":3173,"children":3174},{"class":79},[3175],{"type":20,"value":39},{"type":14,"tag":66,"props":3177,"children":3178},{"class":73},[3179],{"type":20,"value":86},{"type":14,"tag":66,"props":3181,"children":3182},{"class":68,"line":440},[3183],{"type":14,"tag":66,"props":3184,"children":3185},{"class":73},[3186],{"type":20,"value":3187},"        Button Icon\n",{"type":14,"tag":66,"props":3189,"children":3190},{"class":68,"line":482},[3191,3195,3199],{"type":14,"tag":66,"props":3192,"children":3193},{"class":73},[3194],{"type":20,"value":3080},{"type":14,"tag":66,"props":3196,"children":3197},{"class":98},[3198],{"type":20,"value":101},{"type":14,"tag":66,"props":3200,"children":3201},{"class":73},[3202],{"type":20,"value":86},{"type":14,"tag":66,"props":3204,"children":3205},{"class":68,"line":490},[3206,3210,3214],{"type":14,"tag":66,"props":3207,"children":3208},{"class":73},[3209],{"type":20,"value":123},{"type":14,"tag":66,"props":3211,"children":3212},{"class":79},[3213],{"type":20,"value":39},{"type":14,"tag":66,"props":3215,"children":3216},{"class":73},[3217],{"type":20,"value":132},{"type":14,"tag":134,"props":3219,"children":3221},{"id":3220},"active-state",[3222],{"type":20,"value":3223},"Active State",{"type":14,"tag":29,"props":3225,"children":3226},{},[3227,3229,3234,3236,3241],{"type":20,"value":3228},"Buttons will appear pressed when active. You can force a button to have an active appearance with the ",{"type":14,"tag":608,"props":3230,"children":3231},{},[3232],{"type":20,"value":3233},"active",{"type":20,"value":3235}," property (this will also add the ",{"type":14,"tag":608,"props":3237,"children":3238},{},[3239],{"type":20,"value":3240},"aria-pressed=\"true\"",{"type":20,"value":3242}," accessibility attribute).",{"type":14,"tag":35,"props":3244,"children":3245},{},[3246,3253],{"type":14,"tag":39,"props":3247,"children":3248},{"v-slot:preview":7},[3249],{"type":14,"tag":43,"props":3250,"children":3252},{"src":3251},"/components/IButton/examples/state-active",[],{"type":14,"tag":39,"props":3254,"children":3255},{"v-slot:vue":7},[3256],{"type":14,"tag":51,"props":3257,"children":3260},{"className":3258,"code":3259,"language":56,"meta":7},[54],"\u003Ctemplate>\n    \u003CIButton active>Active Default Button\u003C/IButton>\n\n    \u003CIButton active color=\"primary\">Active Primary Button\u003C/IButton>\n\u003C/template>\n\n",[3261],{"type":14,"tag":59,"props":3262,"children":3263},{},[3264],{"type":14,"tag":51,"props":3265,"children":3266},{"__ignoreMap":7},[3267,3282,3314,3321,3369],{"type":14,"tag":66,"props":3268,"children":3269},{"class":68,"line":69},[3270,3274,3278],{"type":14,"tag":66,"props":3271,"children":3272},{"class":73},[3273],{"type":20,"value":76},{"type":14,"tag":66,"props":3275,"children":3276},{"class":79},[3277],{"type":20,"value":39},{"type":14,"tag":66,"props":3279,"children":3280},{"class":73},[3281],{"type":20,"value":86},{"type":14,"tag":66,"props":3283,"children":3284},{"class":68,"line":89},[3285,3289,3293,3297,3301,3306,3310],{"type":14,"tag":66,"props":3286,"children":3287},{"class":73},[3288],{"type":20,"value":95},{"type":14,"tag":66,"props":3290,"children":3291},{"class":98},[3292],{"type":20,"value":101},{"type":14,"tag":66,"props":3294,"children":3295},{"class":73},[3296],{"type":20,"value":199},{"type":14,"tag":66,"props":3298,"children":3299},{"class":202},[3300],{"type":20,"value":3233},{"type":14,"tag":66,"props":3302,"children":3303},{"class":73},[3304],{"type":20,"value":3305},">Active Default Button\u003C/",{"type":14,"tag":66,"props":3307,"children":3308},{"class":98},[3309],{"type":20,"value":101},{"type":14,"tag":66,"props":3311,"children":3312},{"class":73},[3313],{"type":20,"value":86},{"type":14,"tag":66,"props":3315,"children":3316},{"class":68,"line":117},[3317],{"type":14,"tag":66,"props":3318,"children":3319},{},[3320],{"type":20,"value":237},{"type":14,"tag":66,"props":3322,"children":3323},{"class":68,"line":240},[3324,3328,3332,3336,3340,3344,3348,3352,3356,3361,3365],{"type":14,"tag":66,"props":3325,"children":3326},{"class":73},[3327],{"type":20,"value":95},{"type":14,"tag":66,"props":3329,"children":3330},{"class":98},[3331],{"type":20,"value":101},{"type":14,"tag":66,"props":3333,"children":3334},{"class":73},[3335],{"type":20,"value":199},{"type":14,"tag":66,"props":3337,"children":3338},{"class":202},[3339],{"type":20,"value":3233},{"type":14,"tag":66,"props":3341,"children":3342},{"class":73},[3343],{"type":20,"value":199},{"type":14,"tag":66,"props":3345,"children":3346},{"class":202},[3347],{"type":20,"value":205},{"type":14,"tag":66,"props":3349,"children":3350},{"class":73},[3351],{"type":20,"value":210},{"type":14,"tag":66,"props":3353,"children":3354},{"class":213},[3355],{"type":20,"value":216},{"type":14,"tag":66,"props":3357,"children":3358},{"class":73},[3359],{"type":20,"value":3360},">Active Primary Button\u003C/",{"type":14,"tag":66,"props":3362,"children":3363},{"class":98},[3364],{"type":20,"value":101},{"type":14,"tag":66,"props":3366,"children":3367},{"class":73},[3368],{"type":20,"value":86},{"type":14,"tag":66,"props":3370,"children":3371},{"class":68,"line":282},[3372,3376,3380],{"type":14,"tag":66,"props":3373,"children":3374},{"class":73},[3375],{"type":20,"value":123},{"type":14,"tag":66,"props":3377,"children":3378},{"class":79},[3379],{"type":20,"value":39},{"type":14,"tag":66,"props":3381,"children":3382},{"class":73},[3383],{"type":20,"value":132},{"type":14,"tag":134,"props":3385,"children":3387},{"id":3386},"disabled-state",[3388],{"type":20,"value":3389},"Disabled State",{"type":14,"tag":29,"props":3391,"children":3392},{},[3393,3395,3400],{"type":20,"value":3394},"You can make buttons look inactive or disabled by adding the ",{"type":14,"tag":608,"props":3396,"children":3397},{},[3398],{"type":20,"value":3399},"disabled",{"type":20,"value":3401}," boolean property.",{"type":14,"tag":35,"props":3403,"children":3404},{},[3405,3412],{"type":14,"tag":39,"props":3406,"children":3407},{"v-slot:preview":7},[3408],{"type":14,"tag":43,"props":3409,"children":3411},{"src":3410},"/components/IButton/examples/state-disabled",[],{"type":14,"tag":39,"props":3413,"children":3414},{"v-slot:vue":7},[3415],{"type":14,"tag":51,"props":3416,"children":3419},{"className":3417,"code":3418,"language":56,"meta":7},[54],"\u003Ctemplate>\n    \u003CIButton disabled>Disabled Default Button\u003C/IButton>\n\n    \u003CIButton disabled color=\"primary\">Disabled Primary Button\u003C/IButton>\n\u003C/template>\n\n",[3420],{"type":14,"tag":59,"props":3421,"children":3422},{},[3423],{"type":14,"tag":51,"props":3424,"children":3425},{"__ignoreMap":7},[3426,3441,3473,3480,3528],{"type":14,"tag":66,"props":3427,"children":3428},{"class":68,"line":69},[3429,3433,3437],{"type":14,"tag":66,"props":3430,"children":3431},{"class":73},[3432],{"type":20,"value":76},{"type":14,"tag":66,"props":3434,"children":3435},{"class":79},[3436],{"type":20,"value":39},{"type":14,"tag":66,"props":3438,"children":3439},{"class":73},[3440],{"type":20,"value":86},{"type":14,"tag":66,"props":3442,"children":3443},{"class":68,"line":89},[3444,3448,3452,3456,3460,3465,3469],{"type":14,"tag":66,"props":3445,"children":3446},{"class":73},[3447],{"type":20,"value":95},{"type":14,"tag":66,"props":3449,"children":3450},{"class":98},[3451],{"type":20,"value":101},{"type":14,"tag":66,"props":3453,"children":3454},{"class":73},[3455],{"type":20,"value":199},{"type":14,"tag":66,"props":3457,"children":3458},{"class":202},[3459],{"type":20,"value":3399},{"type":14,"tag":66,"props":3461,"children":3462},{"class":73},[3463],{"type":20,"value":3464},">Disabled Default Button\u003C/",{"type":14,"tag":66,"props":3466,"children":3467},{"class":98},[3468],{"type":20,"value":101},{"type":14,"tag":66,"props":3470,"children":3471},{"class":73},[3472],{"type":20,"value":86},{"type":14,"tag":66,"props":3474,"children":3475},{"class":68,"line":117},[3476],{"type":14,"tag":66,"props":3477,"children":3478},{},[3479],{"type":20,"value":237},{"type":14,"tag":66,"props":3481,"children":3482},{"class":68,"line":240},[3483,3487,3491,3495,3499,3503,3507,3511,3515,3520,3524],{"type":14,"tag":66,"props":3484,"children":3485},{"class":73},[3486],{"type":20,"value":95},{"type":14,"tag":66,"props":3488,"children":3489},{"class":98},[3490],{"type":20,"value":101},{"type":14,"tag":66,"props":3492,"children":3493},{"class":73},[3494],{"type":20,"value":199},{"type":14,"tag":66,"props":3496,"children":3497},{"class":202},[3498],{"type":20,"value":3399},{"type":14,"tag":66,"props":3500,"children":3501},{"class":73},[3502],{"type":20,"value":199},{"type":14,"tag":66,"props":3504,"children":3505},{"class":202},[3506],{"type":20,"value":205},{"type":14,"tag":66,"props":3508,"children":3509},{"class":73},[3510],{"type":20,"value":210},{"type":14,"tag":66,"props":3512,"children":3513},{"class":213},[3514],{"type":20,"value":216},{"type":14,"tag":66,"props":3516,"children":3517},{"class":73},[3518],{"type":20,"value":3519},">Disabled Primary Button\u003C/",{"type":14,"tag":66,"props":3521,"children":3522},{"class":98},[3523],{"type":20,"value":101},{"type":14,"tag":66,"props":3525,"children":3526},{"class":73},[3527],{"type":20,"value":86},{"type":14,"tag":66,"props":3529,"children":3530},{"class":68,"line":282},[3531,3535,3539],{"type":14,"tag":66,"props":3532,"children":3533},{"class":73},[3534],{"type":20,"value":123},{"type":14,"tag":66,"props":3536,"children":3537},{"class":79},[3538],{"type":20,"value":39},{"type":14,"tag":66,"props":3540,"children":3541},{"class":73},[3542],{"type":20,"value":132},{"type":14,"tag":134,"props":3544,"children":3546},{"id":3545},"loading-state",[3547],{"type":20,"value":3548},"Loading State",{"type":14,"tag":29,"props":3550,"children":3551},{},[3552,3554,3559],{"type":20,"value":3553},"You can add a loading state to the button by setting the ",{"type":14,"tag":608,"props":3555,"children":3556},{},[3557],{"type":20,"value":3558},"loading",{"type":20,"value":3401},{"type":14,"tag":29,"props":3561,"children":3562},{},[3563,3565,3569],{"type":20,"value":3564},"By default, the button will display a standard Inkline Loader Component. You can provide custom loading state by providing a ",{"type":14,"tag":608,"props":3566,"children":3567},{},[3568],{"type":20,"value":3558},{"type":20,"value":3570}," slot.",{"type":14,"tag":35,"props":3572,"children":3573},{},[3574,3581],{"type":14,"tag":39,"props":3575,"children":3576},{"v-slot:preview":7},[3577],{"type":14,"tag":43,"props":3578,"children":3580},{"src":3579},"/components/IButton/examples/state-loading",[],{"type":14,"tag":39,"props":3582,"children":3583},{"v-slot:vue":7},[3584],{"type":14,"tag":51,"props":3585,"children":3588},{"className":3586,"code":3587,"language":56,"meta":7},[54],"\u003Ctemplate>\n    \u003CIButton :loading=\"true\"> Default Button \u003C/IButton>\n\n    \u003CIButton :loading=\"true\">\n        Default Button\n        \u003Ctemplate #loading> Loading... \u003C/template>\n    \u003C/IButton>\n\n    \u003CIButton :loading=\"true\" :show-loading-icon=\"false\">\n        Default Button\n        \u003Ctemplate #loading>\n            \u003CILoader color=\"primary\" class=\"_margin-right:1/2\" />\n            Loading with Custom Icon...\n        \u003C/template>\n    \u003C/IButton>\n\u003C/template>\n\u003Cscript setup>\u003C/script>\n\n",[3589],{"type":14,"tag":59,"props":3590,"children":3591},{},[3592],{"type":14,"tag":51,"props":3593,"children":3594},{"__ignoreMap":7},[3595,3610,3652,3659,3690,3698,3730,3745,3752,3801,3808,3831,3881,3889,3904,3919,3934],{"type":14,"tag":66,"props":3596,"children":3597},{"class":68,"line":69},[3598,3602,3606],{"type":14,"tag":66,"props":3599,"children":3600},{"class":73},[3601],{"type":20,"value":76},{"type":14,"tag":66,"props":3603,"children":3604},{"class":79},[3605],{"type":20,"value":39},{"type":14,"tag":66,"props":3607,"children":3608},{"class":73},[3609],{"type":20,"value":86},{"type":14,"tag":66,"props":3611,"children":3612},{"class":68,"line":89},[3613,3617,3621,3625,3630,3634,3639,3644,3648],{"type":14,"tag":66,"props":3614,"children":3615},{"class":73},[3616],{"type":20,"value":95},{"type":14,"tag":66,"props":3618,"children":3619},{"class":98},[3620],{"type":20,"value":101},{"type":14,"tag":66,"props":3622,"children":3623},{"class":73},[3624],{"type":20,"value":199},{"type":14,"tag":66,"props":3626,"children":3627},{"class":202},[3628],{"type":20,"value":3629},":loading",{"type":14,"tag":66,"props":3631,"children":3632},{"class":73},[3633],{"type":20,"value":210},{"type":14,"tag":66,"props":3635,"children":3636},{"class":213},[3637],{"type":20,"value":3638},"\"true\"",{"type":14,"tag":66,"props":3640,"children":3641},{"class":73},[3642],{"type":20,"value":3643},"> Default Button \u003C/",{"type":14,"tag":66,"props":3645,"children":3646},{"class":98},[3647],{"type":20,"value":101},{"type":14,"tag":66,"props":3649,"children":3650},{"class":73},[3651],{"type":20,"value":86},{"type":14,"tag":66,"props":3653,"children":3654},{"class":68,"line":117},[3655],{"type":14,"tag":66,"props":3656,"children":3657},{},[3658],{"type":20,"value":237},{"type":14,"tag":66,"props":3660,"children":3661},{"class":68,"line":240},[3662,3666,3670,3674,3678,3682,3686],{"type":14,"tag":66,"props":3663,"children":3664},{"class":73},[3665],{"type":20,"value":95},{"type":14,"tag":66,"props":3667,"children":3668},{"class":98},[3669],{"type":20,"value":101},{"type":14,"tag":66,"props":3671,"children":3672},{"class":73},[3673],{"type":20,"value":199},{"type":14,"tag":66,"props":3675,"children":3676},{"class":202},[3677],{"type":20,"value":3629},{"type":14,"tag":66,"props":3679,"children":3680},{"class":73},[3681],{"type":20,"value":210},{"type":14,"tag":66,"props":3683,"children":3684},{"class":213},[3685],{"type":20,"value":3638},{"type":14,"tag":66,"props":3687,"children":3688},{"class":73},[3689],{"type":20,"value":86},{"type":14,"tag":66,"props":3691,"children":3692},{"class":68,"line":282},[3693],{"type":14,"tag":66,"props":3694,"children":3695},{"class":73},[3696],{"type":20,"value":3697},"        Default Button\n",{"type":14,"tag":66,"props":3699,"children":3700},{"class":68,"line":290},[3701,3705,3709,3713,3717,3722,3726],{"type":14,"tag":66,"props":3702,"children":3703},{"class":73},[3704],{"type":20,"value":3002},{"type":14,"tag":66,"props":3706,"children":3707},{"class":79},[3708],{"type":20,"value":39},{"type":14,"tag":66,"props":3710,"children":3711},{"class":73},[3712],{"type":20,"value":3011},{"type":14,"tag":66,"props":3714,"children":3715},{"class":202},[3716],{"type":20,"value":3558},{"type":14,"tag":66,"props":3718,"children":3719},{"class":73},[3720],{"type":20,"value":3721},"> Loading... \u003C/",{"type":14,"tag":66,"props":3723,"children":3724},{"class":79},[3725],{"type":20,"value":39},{"type":14,"tag":66,"props":3727,"children":3728},{"class":73},[3729],{"type":20,"value":86},{"type":14,"tag":66,"props":3731,"children":3732},{"class":68,"line":332},[3733,3737,3741],{"type":14,"tag":66,"props":3734,"children":3735},{"class":73},[3736],{"type":20,"value":3080},{"type":14,"tag":66,"props":3738,"children":3739},{"class":98},[3740],{"type":20,"value":101},{"type":14,"tag":66,"props":3742,"children":3743},{"class":73},[3744],{"type":20,"value":86},{"type":14,"tag":66,"props":3746,"children":3747},{"class":68,"line":340},[3748],{"type":14,"tag":66,"props":3749,"children":3750},{},[3751],{"type":20,"value":237},{"type":14,"tag":66,"props":3753,"children":3754},{"class":68,"line":382},[3755,3759,3763,3767,3771,3775,3779,3783,3788,3792,3797],{"type":14,"tag":66,"props":3756,"children":3757},{"class":73},[3758],{"type":20,"value":95},{"type":14,"tag":66,"props":3760,"children":3761},{"class":98},[3762],{"type":20,"value":101},{"type":14,"tag":66,"props":3764,"children":3765},{"class":73},[3766],{"type":20,"value":199},{"type":14,"tag":66,"props":3768,"children":3769},{"class":202},[3770],{"type":20,"value":3629},{"type":14,"tag":66,"props":3772,"children":3773},{"class":73},[3774],{"type":20,"value":210},{"type":14,"tag":66,"props":3776,"children":3777},{"class":213},[3778],{"type":20,"value":3638},{"type":14,"tag":66,"props":3780,"children":3781},{"class":73},[3782],{"type":20,"value":199},{"type":14,"tag":66,"props":3784,"children":3785},{"class":202},[3786],{"type":20,"value":3787},":show-loading-icon",{"type":14,"tag":66,"props":3789,"children":3790},{"class":73},[3791],{"type":20,"value":210},{"type":14,"tag":66,"props":3793,"children":3794},{"class":213},[3795],{"type":20,"value":3796},"\"false\"",{"type":14,"tag":66,"props":3798,"children":3799},{"class":73},[3800],{"type":20,"value":86},{"type":14,"tag":66,"props":3802,"children":3803},{"class":68,"line":390},[3804],{"type":14,"tag":66,"props":3805,"children":3806},{"class":73},[3807],{"type":20,"value":3697},{"type":14,"tag":66,"props":3809,"children":3810},{"class":68,"line":432},[3811,3815,3819,3823,3827],{"type":14,"tag":66,"props":3812,"children":3813},{"class":73},[3814],{"type":20,"value":3002},{"type":14,"tag":66,"props":3816,"children":3817},{"class":79},[3818],{"type":20,"value":39},{"type":14,"tag":66,"props":3820,"children":3821},{"class":73},[3822],{"type":20,"value":3011},{"type":14,"tag":66,"props":3824,"children":3825},{"class":202},[3826],{"type":20,"value":3558},{"type":14,"tag":66,"props":3828,"children":3829},{"class":73},[3830],{"type":20,"value":86},{"type":14,"tag":66,"props":3832,"children":3833},{"class":68,"line":440},[3834,3838,3843,3847,3851,3855,3859,3863,3868,3872,3877],{"type":14,"tag":66,"props":3835,"children":3836},{"class":73},[3837],{"type":20,"value":3028},{"type":14,"tag":66,"props":3839,"children":3840},{"class":98},[3841],{"type":20,"value":3842},"ILoader",{"type":14,"tag":66,"props":3844,"children":3845},{"class":73},[3846],{"type":20,"value":199},{"type":14,"tag":66,"props":3848,"children":3849},{"class":202},[3850],{"type":20,"value":205},{"type":14,"tag":66,"props":3852,"children":3853},{"class":73},[3854],{"type":20,"value":210},{"type":14,"tag":66,"props":3856,"children":3857},{"class":213},[3858],{"type":20,"value":216},{"type":14,"tag":66,"props":3860,"children":3861},{"class":73},[3862],{"type":20,"value":199},{"type":14,"tag":66,"props":3864,"children":3865},{"class":202},[3866],{"type":20,"value":3867},"class",{"type":14,"tag":66,"props":3869,"children":3870},{"class":73},[3871],{"type":20,"value":210},{"type":14,"tag":66,"props":3873,"children":3874},{"class":213},[3875],{"type":20,"value":3876},"\"_margin-right:1/2\"",{"type":14,"tag":66,"props":3878,"children":3879},{"class":73},[3880],{"type":20,"value":3056},{"type":14,"tag":66,"props":3882,"children":3883},{"class":68,"line":482},[3884],{"type":14,"tag":66,"props":3885,"children":3886},{"class":73},[3887],{"type":20,"value":3888},"            Loading with Custom Icon...\n",{"type":14,"tag":66,"props":3890,"children":3891},{"class":68,"line":490},[3892,3896,3900],{"type":14,"tag":66,"props":3893,"children":3894},{"class":73},[3895],{"type":20,"value":3064},{"type":14,"tag":66,"props":3897,"children":3898},{"class":79},[3899],{"type":20,"value":39},{"type":14,"tag":66,"props":3901,"children":3902},{"class":73},[3903],{"type":20,"value":86},{"type":14,"tag":66,"props":3905,"children":3906},{"class":68,"line":532},[3907,3911,3915],{"type":14,"tag":66,"props":3908,"children":3909},{"class":73},[3910],{"type":20,"value":3080},{"type":14,"tag":66,"props":3912,"children":3913},{"class":98},[3914],{"type":20,"value":101},{"type":14,"tag":66,"props":3916,"children":3917},{"class":73},[3918],{"type":20,"value":86},{"type":14,"tag":66,"props":3920,"children":3921},{"class":68,"line":540},[3922,3926,3930],{"type":14,"tag":66,"props":3923,"children":3924},{"class":73},[3925],{"type":20,"value":123},{"type":14,"tag":66,"props":3927,"children":3928},{"class":79},[3929],{"type":20,"value":39},{"type":14,"tag":66,"props":3931,"children":3932},{"class":73},[3933],{"type":20,"value":86},{"type":14,"tag":66,"props":3935,"children":3936},{"class":68,"line":582},[3937,3941,3946,3950,3955,3960,3964],{"type":14,"tag":66,"props":3938,"children":3939},{"class":73},[3940],{"type":20,"value":76},{"type":14,"tag":66,"props":3942,"children":3943},{"class":79},[3944],{"type":20,"value":3945},"script",{"type":14,"tag":66,"props":3947,"children":3948},{"class":73},[3949],{"type":20,"value":199},{"type":14,"tag":66,"props":3951,"children":3952},{"class":202},[3953],{"type":20,"value":3954},"setup",{"type":14,"tag":66,"props":3956,"children":3957},{"class":73},[3958],{"type":20,"value":3959},">\u003C/",{"type":14,"tag":66,"props":3961,"children":3962},{"class":79},[3963],{"type":20,"value":3945},{"type":14,"tag":66,"props":3965,"children":3966},{"class":73},[3967],{"type":20,"value":132},{"type":14,"tag":134,"props":3969,"children":3971},{"id":3970},"linking-and-routing",[3972],{"type":20,"value":3973},"Linking and Routing",{"type":14,"tag":29,"props":3975,"children":3976},{},[3977,3979,3984,3986,3991,3993,3998,4000,4005],{"type":20,"value":3978},"Buttons will be automatically converted to link anchors ",{"type":14,"tag":608,"props":3980,"children":3981},{},[3982],{"type":20,"value":3983},"\u003Ca>",{"type":20,"value":3985}," when providing a ",{"type":14,"tag":608,"props":3987,"children":3988},{},[3989],{"type":20,"value":3990},"href",{"type":20,"value":3992}," property. You can also specify ",{"type":14,"tag":608,"props":3994,"children":3995},{},[3996],{"type":20,"value":3997},"target",{"type":20,"value":3999}," and ",{"type":14,"tag":608,"props":4001,"children":4002},{},[4003],{"type":20,"value":4004},"rel",{"type":20,"value":4006}," properties.",{"type":14,"tag":29,"props":4008,"children":4009},{},[4010,4011,4015,4017,4025,4027,4032,4034,4039,4041,4046],{"type":20,"value":843},{"type":14,"tag":608,"props":4012,"children":4013},{},[4014],{"type":20,"value":848},{"type":20,"value":4016}," component is also integrated with the ",{"type":14,"tag":2934,"props":4018,"children":4022},{"href":4019,"rel":4020},"https://router.vuejs.org",[4021],"nofollow",[4023],{"type":20,"value":4024},"Vue Router",{"type":20,"value":4026}," plugin and will be converted to a ",{"type":14,"tag":608,"props":4028,"children":4029},{},[4030],{"type":20,"value":4031},"\u003CRouterLink>",{"type":20,"value":4033}," or ",{"type":14,"tag":608,"props":4035,"children":4036},{},[4037],{"type":20,"value":4038},"\u003CNuxtLink>",{"type":20,"value":4040}," when using the ",{"type":14,"tag":608,"props":4042,"children":4043},{},[4044],{"type":20,"value":4045},"to",{"type":20,"value":2829},{"type":14,"tag":35,"props":4048,"children":4049},{},[4050,4057],{"type":14,"tag":39,"props":4051,"children":4052},{"v-slot:preview":7},[4053],{"type":14,"tag":43,"props":4054,"children":4056},{"src":4055},"/components/IButton/examples/routing",[],{"type":14,"tag":39,"props":4058,"children":4059},{"v-slot:vue":7},[4060],{"type":14,"tag":51,"props":4061,"children":4064},{"className":4062,"code":4063,"language":56,"meta":7},[54],"\u003Ctemplate>\n    \u003CIButton href=\"https://inkline.io\"> Button Link \u003C/IButton>\n\n    \u003CIButton :to=\"{ path: '/docs/components/button' }\"> Button Route \u003C/IButton>\n\u003C/template>\n\n",[4065],{"type":14,"tag":59,"props":4066,"children":4067},{},[4068],{"type":14,"tag":51,"props":4069,"children":4070},{"__ignoreMap":7},[4071,4086,4127,4134,4176],{"type":14,"tag":66,"props":4072,"children":4073},{"class":68,"line":69},[4074,4078,4082],{"type":14,"tag":66,"props":4075,"children":4076},{"class":73},[4077],{"type":20,"value":76},{"type":14,"tag":66,"props":4079,"children":4080},{"class":79},[4081],{"type":20,"value":39},{"type":14,"tag":66,"props":4083,"children":4084},{"class":73},[4085],{"type":20,"value":86},{"type":14,"tag":66,"props":4087,"children":4088},{"class":68,"line":89},[4089,4093,4097,4101,4105,4109,4114,4119,4123],{"type":14,"tag":66,"props":4090,"children":4091},{"class":73},[4092],{"type":20,"value":95},{"type":14,"tag":66,"props":4094,"children":4095},{"class":98},[4096],{"type":20,"value":101},{"type":14,"tag":66,"props":4098,"children":4099},{"class":73},[4100],{"type":20,"value":199},{"type":14,"tag":66,"props":4102,"children":4103},{"class":202},[4104],{"type":20,"value":3990},{"type":14,"tag":66,"props":4106,"children":4107},{"class":73},[4108],{"type":20,"value":210},{"type":14,"tag":66,"props":4110,"children":4111},{"class":213},[4112],{"type":20,"value":4113},"\"https://inkline.io\"",{"type":14,"tag":66,"props":4115,"children":4116},{"class":73},[4117],{"type":20,"value":4118},"> Button Link \u003C/",{"type":14,"tag":66,"props":4120,"children":4121},{"class":98},[4122],{"type":20,"value":101},{"type":14,"tag":66,"props":4124,"children":4125},{"class":73},[4126],{"type":20,"value":86},{"type":14,"tag":66,"props":4128,"children":4129},{"class":68,"line":117},[4130],{"type":14,"tag":66,"props":4131,"children":4132},{},[4133],{"type":20,"value":237},{"type":14,"tag":66,"props":4135,"children":4136},{"class":68,"line":240},[4137,4141,4145,4149,4154,4158,4163,4168,4172],{"type":14,"tag":66,"props":4138,"children":4139},{"class":73},[4140],{"type":20,"value":95},{"type":14,"tag":66,"props":4142,"children":4143},{"class":98},[4144],{"type":20,"value":101},{"type":14,"tag":66,"props":4146,"children":4147},{"class":73},[4148],{"type":20,"value":199},{"type":14,"tag":66,"props":4150,"children":4151},{"class":202},[4152],{"type":20,"value":4153},":to",{"type":14,"tag":66,"props":4155,"children":4156},{"class":73},[4157],{"type":20,"value":210},{"type":14,"tag":66,"props":4159,"children":4160},{"class":213},[4161],{"type":20,"value":4162},"\"{ path: '/docs/components/button' }\"",{"type":14,"tag":66,"props":4164,"children":4165},{"class":73},[4166],{"type":20,"value":4167},"> Button Route \u003C/",{"type":14,"tag":66,"props":4169,"children":4170},{"class":98},[4171],{"type":20,"value":101},{"type":14,"tag":66,"props":4173,"children":4174},{"class":73},[4175],{"type":20,"value":86},{"type":14,"tag":66,"props":4177,"children":4178},{"class":68,"line":282},[4179,4183,4187],{"type":14,"tag":66,"props":4180,"children":4181},{"class":73},[4182],{"type":20,"value":123},{"type":14,"tag":66,"props":4184,"children":4185},{"class":79},[4186],{"type":20,"value":39},{"type":14,"tag":66,"props":4188,"children":4189},{"class":73},[4190],{"type":20,"value":132},{"type":14,"tag":134,"props":4192,"children":4194},{"id":4193},"props",[4195],{"type":20,"value":4196},"Props",{"type":14,"tag":4198,"props":4199,"children":4200},"content-component-props",{"component":101},[],{"type":14,"tag":134,"props":4202,"children":4204},{"id":4203},"slots",[4205],{"type":20,"value":4206},"Slots",{"type":14,"tag":4208,"props":4209,"children":4210},"content-component-slots",{"component":101},[],{"type":14,"tag":134,"props":4212,"children":4214},{"id":4213},"events",[4215],{"type":20,"value":4216},"Events",{"type":14,"tag":4218,"props":4219,"children":4220},"content-component-events",{"component":101},[],{"type":14,"tag":134,"props":4222,"children":4224},{"id":4223},"design-tokens",[4225],{"type":20,"value":4226},"Design Tokens",{"type":14,"tag":4228,"props":4229,"children":4230},"content-component-design-tokens",{"component":101},[],{"type":14,"tag":4232,"children":4233},"style",[4234],{"type":20,"value":4235},".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;}",{"title":7,"searchDepth":89,"depth":89,"links":4237},[4238],{"id":25,"depth":89,"text":9,"children":4239},[4240,4241,4242,4243,4244,4245,4246,4247,4248,4249,4250,4251,4252,4253,4254,4255],{"id":136,"depth":117,"text":139},{"id":598,"depth":117,"text":601},{"id":835,"depth":117,"text":838},{"id":1600,"depth":117,"text":1603},{"id":2097,"depth":117,"text":2100},{"id":2594,"depth":117,"text":2597},{"id":2814,"depth":117,"text":2817},{"id":2918,"depth":117,"text":2921},{"id":3220,"depth":117,"text":3223},{"id":3386,"depth":117,"text":3389},{"id":3545,"depth":117,"text":3548},{"id":3970,"depth":117,"text":3973},{"id":4193,"depth":117,"text":4196},{"id":4203,"depth":117,"text":4206},{"id":4213,"depth":117,"text":4216},{"id":4223,"depth":117,"text":4226},"markdown","content:docs:components:button.md","content","docs/components/button.md",1794582258299]