[{"data":1,"prerenderedAt":1501},["Reactive",2],{"content-query-2QhkBK44fi":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"body":10,"_type":1497,"_id":1498,"_source":1499,"_file":1500,"_extension":1231},"/docs/components/icon","components",false,"","Icon - Inkline","Inkline comes bundled with a lightweight icon component that provides you with the most commonly used icons.",{"type":11,"children":12,"toc":1489},"root",[13,22,28,42,812,819,824,1202,1208,1247,1252,1464,1470,1474,1480,1484],{"type":14,"tag":15,"props":16,"children":18},"element","h1",{"id":17},"icon",[19],{"type":20,"value":21},"text","Icon",{"type":14,"tag":23,"props":24,"children":26},"h2",{"id":25},"inkline-comes-bundled-with-a-lightweight-icon-component-that-provides-you-with-the-most-commonly-used-icons",[27],{"type":20,"value":9},{"type":14,"tag":29,"props":30,"children":31},"p",{},[32,34,40],{"type":20,"value":33},"Here’s an example of the basic icons included with the ",{"type":14,"tag":35,"props":36,"children":37},"code-inline",{},[38],{"type":20,"value":39},"\u003CIIcon>",{"type":20,"value":41}," component.",{"type":14,"tag":43,"props":44,"children":45},"content-tabs",{},[46,55],{"type":14,"tag":47,"props":48,"children":49},"template",{"v-slot:preview":7},[50],{"type":14,"tag":51,"props":52,"children":54},"content-preview",{"src":53},"/components/IIcon/examples/icons",[],{"type":14,"tag":47,"props":56,"children":57},{"v-slot:vue":7},[58],{"type":14,"tag":59,"props":60,"children":65},"code",{"className":61,"code":63,"language":64,"meta":7},[62],"language-vue","\u003Ctemplate>\n    \u003CIIcon name=\"ink-check\" />\n\n    \u003CIIcon name=\"ink-info\" />\n\n    \u003CIIcon name=\"ink-warning\" />\n\n    \u003CIIcon name=\"ink-danger\" />\n\n    \u003CIIcon name=\"ink-chevron-down\" />\n\n    \u003CIIcon name=\"ink-caret-down\" />\n\n    \u003CIIcon name=\"ink-plus\" />\n\n    \u003CIIcon name=\"ink-minus\" />\n\n    \u003CIIcon name=\"ink-times\" />\n\n    \u003CIIcon name=\"ink-circle\" />\n\n    \u003CIIcon name=\"ink-sort\" />\n\n    \u003CIIcon name=\"ink-sort-asc\" />\n\n    \u003CIIcon name=\"ink-sort-desc\" />\n\n    \u003CIIcon name=\"ink-search\" />\n\n    \u003CIIcon name=\"ink-clear\" />\n\n    \u003CIIcon name=\"ink-eye\" />\n\n    \u003CIIcon name=\"ink-eye-off\" />\n\u003C/template>\n\n","vue",[66],{"type":14,"tag":67,"props":68,"children":69},"pre",{},[70],{"type":14,"tag":59,"props":71,"children":72},{"__ignoreMap":7},[73,95,137,146,179,187,220,228,261,269,302,310,343,351,384,392,425,433,466,474,507,515,548,556,589,597,630,638,671,679,712,720,753,761,794],{"type":14,"tag":74,"props":75,"children":78},"span",{"class":76,"line":77},"line",1,[79,85,90],{"type":14,"tag":74,"props":80,"children":82},{"class":81},"ct-553616",[83],{"type":20,"value":84},"\u003C",{"type":14,"tag":74,"props":86,"children":88},{"class":87},"ct-914029",[89],{"type":20,"value":47},{"type":14,"tag":74,"props":91,"children":92},{"class":81},[93],{"type":20,"value":94},">\n",{"type":14,"tag":74,"props":96,"children":98},{"class":76,"line":97},2,[99,104,110,115,121,126,132],{"type":14,"tag":74,"props":100,"children":101},{"class":81},[102],{"type":20,"value":103},"    \u003C",{"type":14,"tag":74,"props":105,"children":107},{"class":106},"ct-028869",[108],{"type":20,"value":109},"IIcon",{"type":14,"tag":74,"props":111,"children":112},{"class":81},[113],{"type":20,"value":114}," ",{"type":14,"tag":74,"props":116,"children":118},{"class":117},"ct-762058",[119],{"type":20,"value":120},"name",{"type":14,"tag":74,"props":122,"children":123},{"class":81},[124],{"type":20,"value":125},"=",{"type":14,"tag":74,"props":127,"children":129},{"class":128},"ct-952708",[130],{"type":20,"value":131},"\"ink-check\"",{"type":14,"tag":74,"props":133,"children":134},{"class":81},[135],{"type":20,"value":136}," />\n",{"type":14,"tag":74,"props":138,"children":140},{"class":76,"line":139},3,[141],{"type":14,"tag":74,"props":142,"children":143},{},[144],{"type":20,"value":145},"\n",{"type":14,"tag":74,"props":147,"children":149},{"class":76,"line":148},4,[150,154,158,162,166,170,175],{"type":14,"tag":74,"props":151,"children":152},{"class":81},[153],{"type":20,"value":103},{"type":14,"tag":74,"props":155,"children":156},{"class":106},[157],{"type":20,"value":109},{"type":14,"tag":74,"props":159,"children":160},{"class":81},[161],{"type":20,"value":114},{"type":14,"tag":74,"props":163,"children":164},{"class":117},[165],{"type":20,"value":120},{"type":14,"tag":74,"props":167,"children":168},{"class":81},[169],{"type":20,"value":125},{"type":14,"tag":74,"props":171,"children":172},{"class":128},[173],{"type":20,"value":174},"\"ink-info\"",{"type":14,"tag":74,"props":176,"children":177},{"class":81},[178],{"type":20,"value":136},{"type":14,"tag":74,"props":180,"children":182},{"class":76,"line":181},5,[183],{"type":14,"tag":74,"props":184,"children":185},{},[186],{"type":20,"value":145},{"type":14,"tag":74,"props":188,"children":190},{"class":76,"line":189},6,[191,195,199,203,207,211,216],{"type":14,"tag":74,"props":192,"children":193},{"class":81},[194],{"type":20,"value":103},{"type":14,"tag":74,"props":196,"children":197},{"class":106},[198],{"type":20,"value":109},{"type":14,"tag":74,"props":200,"children":201},{"class":81},[202],{"type":20,"value":114},{"type":14,"tag":74,"props":204,"children":205},{"class":117},[206],{"type":20,"value":120},{"type":14,"tag":74,"props":208,"children":209},{"class":81},[210],{"type":20,"value":125},{"type":14,"tag":74,"props":212,"children":213},{"class":128},[214],{"type":20,"value":215},"\"ink-warning\"",{"type":14,"tag":74,"props":217,"children":218},{"class":81},[219],{"type":20,"value":136},{"type":14,"tag":74,"props":221,"children":223},{"class":76,"line":222},7,[224],{"type":14,"tag":74,"props":225,"children":226},{},[227],{"type":20,"value":145},{"type":14,"tag":74,"props":229,"children":231},{"class":76,"line":230},8,[232,236,240,244,248,252,257],{"type":14,"tag":74,"props":233,"children":234},{"class":81},[235],{"type":20,"value":103},{"type":14,"tag":74,"props":237,"children":238},{"class":106},[239],{"type":20,"value":109},{"type":14,"tag":74,"props":241,"children":242},{"class":81},[243],{"type":20,"value":114},{"type":14,"tag":74,"props":245,"children":246},{"class":117},[247],{"type":20,"value":120},{"type":14,"tag":74,"props":249,"children":250},{"class":81},[251],{"type":20,"value":125},{"type":14,"tag":74,"props":253,"children":254},{"class":128},[255],{"type":20,"value":256},"\"ink-danger\"",{"type":14,"tag":74,"props":258,"children":259},{"class":81},[260],{"type":20,"value":136},{"type":14,"tag":74,"props":262,"children":264},{"class":76,"line":263},9,[265],{"type":14,"tag":74,"props":266,"children":267},{},[268],{"type":20,"value":145},{"type":14,"tag":74,"props":270,"children":272},{"class":76,"line":271},10,[273,277,281,285,289,293,298],{"type":14,"tag":74,"props":274,"children":275},{"class":81},[276],{"type":20,"value":103},{"type":14,"tag":74,"props":278,"children":279},{"class":106},[280],{"type":20,"value":109},{"type":14,"tag":74,"props":282,"children":283},{"class":81},[284],{"type":20,"value":114},{"type":14,"tag":74,"props":286,"children":287},{"class":117},[288],{"type":20,"value":120},{"type":14,"tag":74,"props":290,"children":291},{"class":81},[292],{"type":20,"value":125},{"type":14,"tag":74,"props":294,"children":295},{"class":128},[296],{"type":20,"value":297},"\"ink-chevron-down\"",{"type":14,"tag":74,"props":299,"children":300},{"class":81},[301],{"type":20,"value":136},{"type":14,"tag":74,"props":303,"children":305},{"class":76,"line":304},11,[306],{"type":14,"tag":74,"props":307,"children":308},{},[309],{"type":20,"value":145},{"type":14,"tag":74,"props":311,"children":313},{"class":76,"line":312},12,[314,318,322,326,330,334,339],{"type":14,"tag":74,"props":315,"children":316},{"class":81},[317],{"type":20,"value":103},{"type":14,"tag":74,"props":319,"children":320},{"class":106},[321],{"type":20,"value":109},{"type":14,"tag":74,"props":323,"children":324},{"class":81},[325],{"type":20,"value":114},{"type":14,"tag":74,"props":327,"children":328},{"class":117},[329],{"type":20,"value":120},{"type":14,"tag":74,"props":331,"children":332},{"class":81},[333],{"type":20,"value":125},{"type":14,"tag":74,"props":335,"children":336},{"class":128},[337],{"type":20,"value":338},"\"ink-caret-down\"",{"type":14,"tag":74,"props":340,"children":341},{"class":81},[342],{"type":20,"value":136},{"type":14,"tag":74,"props":344,"children":346},{"class":76,"line":345},13,[347],{"type":14,"tag":74,"props":348,"children":349},{},[350],{"type":20,"value":145},{"type":14,"tag":74,"props":352,"children":354},{"class":76,"line":353},14,[355,359,363,367,371,375,380],{"type":14,"tag":74,"props":356,"children":357},{"class":81},[358],{"type":20,"value":103},{"type":14,"tag":74,"props":360,"children":361},{"class":106},[362],{"type":20,"value":109},{"type":14,"tag":74,"props":364,"children":365},{"class":81},[366],{"type":20,"value":114},{"type":14,"tag":74,"props":368,"children":369},{"class":117},[370],{"type":20,"value":120},{"type":14,"tag":74,"props":372,"children":373},{"class":81},[374],{"type":20,"value":125},{"type":14,"tag":74,"props":376,"children":377},{"class":128},[378],{"type":20,"value":379},"\"ink-plus\"",{"type":14,"tag":74,"props":381,"children":382},{"class":81},[383],{"type":20,"value":136},{"type":14,"tag":74,"props":385,"children":387},{"class":76,"line":386},15,[388],{"type":14,"tag":74,"props":389,"children":390},{},[391],{"type":20,"value":145},{"type":14,"tag":74,"props":393,"children":395},{"class":76,"line":394},16,[396,400,404,408,412,416,421],{"type":14,"tag":74,"props":397,"children":398},{"class":81},[399],{"type":20,"value":103},{"type":14,"tag":74,"props":401,"children":402},{"class":106},[403],{"type":20,"value":109},{"type":14,"tag":74,"props":405,"children":406},{"class":81},[407],{"type":20,"value":114},{"type":14,"tag":74,"props":409,"children":410},{"class":117},[411],{"type":20,"value":120},{"type":14,"tag":74,"props":413,"children":414},{"class":81},[415],{"type":20,"value":125},{"type":14,"tag":74,"props":417,"children":418},{"class":128},[419],{"type":20,"value":420},"\"ink-minus\"",{"type":14,"tag":74,"props":422,"children":423},{"class":81},[424],{"type":20,"value":136},{"type":14,"tag":74,"props":426,"children":428},{"class":76,"line":427},17,[429],{"type":14,"tag":74,"props":430,"children":431},{},[432],{"type":20,"value":145},{"type":14,"tag":74,"props":434,"children":436},{"class":76,"line":435},18,[437,441,445,449,453,457,462],{"type":14,"tag":74,"props":438,"children":439},{"class":81},[440],{"type":20,"value":103},{"type":14,"tag":74,"props":442,"children":443},{"class":106},[444],{"type":20,"value":109},{"type":14,"tag":74,"props":446,"children":447},{"class":81},[448],{"type":20,"value":114},{"type":14,"tag":74,"props":450,"children":451},{"class":117},[452],{"type":20,"value":120},{"type":14,"tag":74,"props":454,"children":455},{"class":81},[456],{"type":20,"value":125},{"type":14,"tag":74,"props":458,"children":459},{"class":128},[460],{"type":20,"value":461},"\"ink-times\"",{"type":14,"tag":74,"props":463,"children":464},{"class":81},[465],{"type":20,"value":136},{"type":14,"tag":74,"props":467,"children":469},{"class":76,"line":468},19,[470],{"type":14,"tag":74,"props":471,"children":472},{},[473],{"type":20,"value":145},{"type":14,"tag":74,"props":475,"children":477},{"class":76,"line":476},20,[478,482,486,490,494,498,503],{"type":14,"tag":74,"props":479,"children":480},{"class":81},[481],{"type":20,"value":103},{"type":14,"tag":74,"props":483,"children":484},{"class":106},[485],{"type":20,"value":109},{"type":14,"tag":74,"props":487,"children":488},{"class":81},[489],{"type":20,"value":114},{"type":14,"tag":74,"props":491,"children":492},{"class":117},[493],{"type":20,"value":120},{"type":14,"tag":74,"props":495,"children":496},{"class":81},[497],{"type":20,"value":125},{"type":14,"tag":74,"props":499,"children":500},{"class":128},[501],{"type":20,"value":502},"\"ink-circle\"",{"type":14,"tag":74,"props":504,"children":505},{"class":81},[506],{"type":20,"value":136},{"type":14,"tag":74,"props":508,"children":510},{"class":76,"line":509},21,[511],{"type":14,"tag":74,"props":512,"children":513},{},[514],{"type":20,"value":145},{"type":14,"tag":74,"props":516,"children":518},{"class":76,"line":517},22,[519,523,527,531,535,539,544],{"type":14,"tag":74,"props":520,"children":521},{"class":81},[522],{"type":20,"value":103},{"type":14,"tag":74,"props":524,"children":525},{"class":106},[526],{"type":20,"value":109},{"type":14,"tag":74,"props":528,"children":529},{"class":81},[530],{"type":20,"value":114},{"type":14,"tag":74,"props":532,"children":533},{"class":117},[534],{"type":20,"value":120},{"type":14,"tag":74,"props":536,"children":537},{"class":81},[538],{"type":20,"value":125},{"type":14,"tag":74,"props":540,"children":541},{"class":128},[542],{"type":20,"value":543},"\"ink-sort\"",{"type":14,"tag":74,"props":545,"children":546},{"class":81},[547],{"type":20,"value":136},{"type":14,"tag":74,"props":549,"children":551},{"class":76,"line":550},23,[552],{"type":14,"tag":74,"props":553,"children":554},{},[555],{"type":20,"value":145},{"type":14,"tag":74,"props":557,"children":559},{"class":76,"line":558},24,[560,564,568,572,576,580,585],{"type":14,"tag":74,"props":561,"children":562},{"class":81},[563],{"type":20,"value":103},{"type":14,"tag":74,"props":565,"children":566},{"class":106},[567],{"type":20,"value":109},{"type":14,"tag":74,"props":569,"children":570},{"class":81},[571],{"type":20,"value":114},{"type":14,"tag":74,"props":573,"children":574},{"class":117},[575],{"type":20,"value":120},{"type":14,"tag":74,"props":577,"children":578},{"class":81},[579],{"type":20,"value":125},{"type":14,"tag":74,"props":581,"children":582},{"class":128},[583],{"type":20,"value":584},"\"ink-sort-asc\"",{"type":14,"tag":74,"props":586,"children":587},{"class":81},[588],{"type":20,"value":136},{"type":14,"tag":74,"props":590,"children":592},{"class":76,"line":591},25,[593],{"type":14,"tag":74,"props":594,"children":595},{},[596],{"type":20,"value":145},{"type":14,"tag":74,"props":598,"children":600},{"class":76,"line":599},26,[601,605,609,613,617,621,626],{"type":14,"tag":74,"props":602,"children":603},{"class":81},[604],{"type":20,"value":103},{"type":14,"tag":74,"props":606,"children":607},{"class":106},[608],{"type":20,"value":109},{"type":14,"tag":74,"props":610,"children":611},{"class":81},[612],{"type":20,"value":114},{"type":14,"tag":74,"props":614,"children":615},{"class":117},[616],{"type":20,"value":120},{"type":14,"tag":74,"props":618,"children":619},{"class":81},[620],{"type":20,"value":125},{"type":14,"tag":74,"props":622,"children":623},{"class":128},[624],{"type":20,"value":625},"\"ink-sort-desc\"",{"type":14,"tag":74,"props":627,"children":628},{"class":81},[629],{"type":20,"value":136},{"type":14,"tag":74,"props":631,"children":633},{"class":76,"line":632},27,[634],{"type":14,"tag":74,"props":635,"children":636},{},[637],{"type":20,"value":145},{"type":14,"tag":74,"props":639,"children":641},{"class":76,"line":640},28,[642,646,650,654,658,662,667],{"type":14,"tag":74,"props":643,"children":644},{"class":81},[645],{"type":20,"value":103},{"type":14,"tag":74,"props":647,"children":648},{"class":106},[649],{"type":20,"value":109},{"type":14,"tag":74,"props":651,"children":652},{"class":81},[653],{"type":20,"value":114},{"type":14,"tag":74,"props":655,"children":656},{"class":117},[657],{"type":20,"value":120},{"type":14,"tag":74,"props":659,"children":660},{"class":81},[661],{"type":20,"value":125},{"type":14,"tag":74,"props":663,"children":664},{"class":128},[665],{"type":20,"value":666},"\"ink-search\"",{"type":14,"tag":74,"props":668,"children":669},{"class":81},[670],{"type":20,"value":136},{"type":14,"tag":74,"props":672,"children":674},{"class":76,"line":673},29,[675],{"type":14,"tag":74,"props":676,"children":677},{},[678],{"type":20,"value":145},{"type":14,"tag":74,"props":680,"children":682},{"class":76,"line":681},30,[683,687,691,695,699,703,708],{"type":14,"tag":74,"props":684,"children":685},{"class":81},[686],{"type":20,"value":103},{"type":14,"tag":74,"props":688,"children":689},{"class":106},[690],{"type":20,"value":109},{"type":14,"tag":74,"props":692,"children":693},{"class":81},[694],{"type":20,"value":114},{"type":14,"tag":74,"props":696,"children":697},{"class":117},[698],{"type":20,"value":120},{"type":14,"tag":74,"props":700,"children":701},{"class":81},[702],{"type":20,"value":125},{"type":14,"tag":74,"props":704,"children":705},{"class":128},[706],{"type":20,"value":707},"\"ink-clear\"",{"type":14,"tag":74,"props":709,"children":710},{"class":81},[711],{"type":20,"value":136},{"type":14,"tag":74,"props":713,"children":715},{"class":76,"line":714},31,[716],{"type":14,"tag":74,"props":717,"children":718},{},[719],{"type":20,"value":145},{"type":14,"tag":74,"props":721,"children":723},{"class":76,"line":722},32,[724,728,732,736,740,744,749],{"type":14,"tag":74,"props":725,"children":726},{"class":81},[727],{"type":20,"value":103},{"type":14,"tag":74,"props":729,"children":730},{"class":106},[731],{"type":20,"value":109},{"type":14,"tag":74,"props":733,"children":734},{"class":81},[735],{"type":20,"value":114},{"type":14,"tag":74,"props":737,"children":738},{"class":117},[739],{"type":20,"value":120},{"type":14,"tag":74,"props":741,"children":742},{"class":81},[743],{"type":20,"value":125},{"type":14,"tag":74,"props":745,"children":746},{"class":128},[747],{"type":20,"value":748},"\"ink-eye\"",{"type":14,"tag":74,"props":750,"children":751},{"class":81},[752],{"type":20,"value":136},{"type":14,"tag":74,"props":754,"children":756},{"class":76,"line":755},33,[757],{"type":14,"tag":74,"props":758,"children":759},{},[760],{"type":20,"value":145},{"type":14,"tag":74,"props":762,"children":764},{"class":76,"line":763},34,[765,769,773,777,781,785,790],{"type":14,"tag":74,"props":766,"children":767},{"class":81},[768],{"type":20,"value":103},{"type":14,"tag":74,"props":770,"children":771},{"class":106},[772],{"type":20,"value":109},{"type":14,"tag":74,"props":774,"children":775},{"class":81},[776],{"type":20,"value":114},{"type":14,"tag":74,"props":778,"children":779},{"class":117},[780],{"type":20,"value":120},{"type":14,"tag":74,"props":782,"children":783},{"class":81},[784],{"type":20,"value":125},{"type":14,"tag":74,"props":786,"children":787},{"class":128},[788],{"type":20,"value":789},"\"ink-eye-off\"",{"type":14,"tag":74,"props":791,"children":792},{"class":81},[793],{"type":20,"value":136},{"type":14,"tag":74,"props":795,"children":797},{"class":76,"line":796},35,[798,803,807],{"type":14,"tag":74,"props":799,"children":800},{"class":81},[801],{"type":20,"value":802},"\u003C/",{"type":14,"tag":74,"props":804,"children":805},{"class":87},[806],{"type":20,"value":47},{"type":14,"tag":74,"props":808,"children":809},{"class":81},[810],{"type":20,"value":811},">",{"type":14,"tag":813,"props":814,"children":816},"h3",{"id":815},"color-variants",[817],{"type":20,"value":818},"Color Variants",{"type":14,"tag":29,"props":820,"children":821},{},[822],{"type":20,"value":823},"You can use text color utility classes to set the color of Inkline's icons.",{"type":14,"tag":43,"props":825,"children":826},{},[827,834],{"type":14,"tag":47,"props":828,"children":829},{"v-slot:preview":7},[830],{"type":14,"tag":51,"props":831,"children":833},{"src":832},"/components/IIcon/examples/color-variants",[],{"type":14,"tag":47,"props":835,"children":836},{"v-slot:vue":7},[837],{"type":14,"tag":59,"props":838,"children":841},{"className":839,"code":840,"language":64,"meta":7},[62],"\u003Ctemplate>\n    \u003CIIcon name=\"ink-check\" class=\"_color:primary\" />\n\n    \u003CIIcon name=\"ink-check\" class=\"_color:secondary\" />\n\n    \u003CIIcon name=\"ink-check\" class=\"_color:info\" />\n\n    \u003CIIcon name=\"ink-check\" class=\"_color:success\" />\n\n    \u003CIIcon name=\"ink-check\" class=\"_color:warning\" />\n\n    \u003CIIcon name=\"ink-check\" class=\"_color:danger\" />\n\u003C/template>\n\n",[842],{"type":14,"tag":67,"props":843,"children":844},{},[845],{"type":14,"tag":59,"props":846,"children":847},{"__ignoreMap":7},[848,863,912,919,967,974,1022,1029,1077,1084,1132,1139,1187],{"type":14,"tag":74,"props":849,"children":850},{"class":76,"line":77},[851,855,859],{"type":14,"tag":74,"props":852,"children":853},{"class":81},[854],{"type":20,"value":84},{"type":14,"tag":74,"props":856,"children":857},{"class":87},[858],{"type":20,"value":47},{"type":14,"tag":74,"props":860,"children":861},{"class":81},[862],{"type":20,"value":94},{"type":14,"tag":74,"props":864,"children":865},{"class":76,"line":97},[866,870,874,878,882,886,890,894,899,903,908],{"type":14,"tag":74,"props":867,"children":868},{"class":81},[869],{"type":20,"value":103},{"type":14,"tag":74,"props":871,"children":872},{"class":106},[873],{"type":20,"value":109},{"type":14,"tag":74,"props":875,"children":876},{"class":81},[877],{"type":20,"value":114},{"type":14,"tag":74,"props":879,"children":880},{"class":117},[881],{"type":20,"value":120},{"type":14,"tag":74,"props":883,"children":884},{"class":81},[885],{"type":20,"value":125},{"type":14,"tag":74,"props":887,"children":888},{"class":128},[889],{"type":20,"value":131},{"type":14,"tag":74,"props":891,"children":892},{"class":81},[893],{"type":20,"value":114},{"type":14,"tag":74,"props":895,"children":896},{"class":117},[897],{"type":20,"value":898},"class",{"type":14,"tag":74,"props":900,"children":901},{"class":81},[902],{"type":20,"value":125},{"type":14,"tag":74,"props":904,"children":905},{"class":128},[906],{"type":20,"value":907},"\"_color:primary\"",{"type":14,"tag":74,"props":909,"children":910},{"class":81},[911],{"type":20,"value":136},{"type":14,"tag":74,"props":913,"children":914},{"class":76,"line":139},[915],{"type":14,"tag":74,"props":916,"children":917},{},[918],{"type":20,"value":145},{"type":14,"tag":74,"props":920,"children":921},{"class":76,"line":148},[922,926,930,934,938,942,946,950,954,958,963],{"type":14,"tag":74,"props":923,"children":924},{"class":81},[925],{"type":20,"value":103},{"type":14,"tag":74,"props":927,"children":928},{"class":106},[929],{"type":20,"value":109},{"type":14,"tag":74,"props":931,"children":932},{"class":81},[933],{"type":20,"value":114},{"type":14,"tag":74,"props":935,"children":936},{"class":117},[937],{"type":20,"value":120},{"type":14,"tag":74,"props":939,"children":940},{"class":81},[941],{"type":20,"value":125},{"type":14,"tag":74,"props":943,"children":944},{"class":128},[945],{"type":20,"value":131},{"type":14,"tag":74,"props":947,"children":948},{"class":81},[949],{"type":20,"value":114},{"type":14,"tag":74,"props":951,"children":952},{"class":117},[953],{"type":20,"value":898},{"type":14,"tag":74,"props":955,"children":956},{"class":81},[957],{"type":20,"value":125},{"type":14,"tag":74,"props":959,"children":960},{"class":128},[961],{"type":20,"value":962},"\"_color:secondary\"",{"type":14,"tag":74,"props":964,"children":965},{"class":81},[966],{"type":20,"value":136},{"type":14,"tag":74,"props":968,"children":969},{"class":76,"line":181},[970],{"type":14,"tag":74,"props":971,"children":972},{},[973],{"type":20,"value":145},{"type":14,"tag":74,"props":975,"children":976},{"class":76,"line":189},[977,981,985,989,993,997,1001,1005,1009,1013,1018],{"type":14,"tag":74,"props":978,"children":979},{"class":81},[980],{"type":20,"value":103},{"type":14,"tag":74,"props":982,"children":983},{"class":106},[984],{"type":20,"value":109},{"type":14,"tag":74,"props":986,"children":987},{"class":81},[988],{"type":20,"value":114},{"type":14,"tag":74,"props":990,"children":991},{"class":117},[992],{"type":20,"value":120},{"type":14,"tag":74,"props":994,"children":995},{"class":81},[996],{"type":20,"value":125},{"type":14,"tag":74,"props":998,"children":999},{"class":128},[1000],{"type":20,"value":131},{"type":14,"tag":74,"props":1002,"children":1003},{"class":81},[1004],{"type":20,"value":114},{"type":14,"tag":74,"props":1006,"children":1007},{"class":117},[1008],{"type":20,"value":898},{"type":14,"tag":74,"props":1010,"children":1011},{"class":81},[1012],{"type":20,"value":125},{"type":14,"tag":74,"props":1014,"children":1015},{"class":128},[1016],{"type":20,"value":1017},"\"_color:info\"",{"type":14,"tag":74,"props":1019,"children":1020},{"class":81},[1021],{"type":20,"value":136},{"type":14,"tag":74,"props":1023,"children":1024},{"class":76,"line":222},[1025],{"type":14,"tag":74,"props":1026,"children":1027},{},[1028],{"type":20,"value":145},{"type":14,"tag":74,"props":1030,"children":1031},{"class":76,"line":230},[1032,1036,1040,1044,1048,1052,1056,1060,1064,1068,1073],{"type":14,"tag":74,"props":1033,"children":1034},{"class":81},[1035],{"type":20,"value":103},{"type":14,"tag":74,"props":1037,"children":1038},{"class":106},[1039],{"type":20,"value":109},{"type":14,"tag":74,"props":1041,"children":1042},{"class":81},[1043],{"type":20,"value":114},{"type":14,"tag":74,"props":1045,"children":1046},{"class":117},[1047],{"type":20,"value":120},{"type":14,"tag":74,"props":1049,"children":1050},{"class":81},[1051],{"type":20,"value":125},{"type":14,"tag":74,"props":1053,"children":1054},{"class":128},[1055],{"type":20,"value":131},{"type":14,"tag":74,"props":1057,"children":1058},{"class":81},[1059],{"type":20,"value":114},{"type":14,"tag":74,"props":1061,"children":1062},{"class":117},[1063],{"type":20,"value":898},{"type":14,"tag":74,"props":1065,"children":1066},{"class":81},[1067],{"type":20,"value":125},{"type":14,"tag":74,"props":1069,"children":1070},{"class":128},[1071],{"type":20,"value":1072},"\"_color:success\"",{"type":14,"tag":74,"props":1074,"children":1075},{"class":81},[1076],{"type":20,"value":136},{"type":14,"tag":74,"props":1078,"children":1079},{"class":76,"line":263},[1080],{"type":14,"tag":74,"props":1081,"children":1082},{},[1083],{"type":20,"value":145},{"type":14,"tag":74,"props":1085,"children":1086},{"class":76,"line":271},[1087,1091,1095,1099,1103,1107,1111,1115,1119,1123,1128],{"type":14,"tag":74,"props":1088,"children":1089},{"class":81},[1090],{"type":20,"value":103},{"type":14,"tag":74,"props":1092,"children":1093},{"class":106},[1094],{"type":20,"value":109},{"type":14,"tag":74,"props":1096,"children":1097},{"class":81},[1098],{"type":20,"value":114},{"type":14,"tag":74,"props":1100,"children":1101},{"class":117},[1102],{"type":20,"value":120},{"type":14,"tag":74,"props":1104,"children":1105},{"class":81},[1106],{"type":20,"value":125},{"type":14,"tag":74,"props":1108,"children":1109},{"class":128},[1110],{"type":20,"value":131},{"type":14,"tag":74,"props":1112,"children":1113},{"class":81},[1114],{"type":20,"value":114},{"type":14,"tag":74,"props":1116,"children":1117},{"class":117},[1118],{"type":20,"value":898},{"type":14,"tag":74,"props":1120,"children":1121},{"class":81},[1122],{"type":20,"value":125},{"type":14,"tag":74,"props":1124,"children":1125},{"class":128},[1126],{"type":20,"value":1127},"\"_color:warning\"",{"type":14,"tag":74,"props":1129,"children":1130},{"class":81},[1131],{"type":20,"value":136},{"type":14,"tag":74,"props":1133,"children":1134},{"class":76,"line":304},[1135],{"type":14,"tag":74,"props":1136,"children":1137},{},[1138],{"type":20,"value":145},{"type":14,"tag":74,"props":1140,"children":1141},{"class":76,"line":312},[1142,1146,1150,1154,1158,1162,1166,1170,1174,1178,1183],{"type":14,"tag":74,"props":1143,"children":1144},{"class":81},[1145],{"type":20,"value":103},{"type":14,"tag":74,"props":1147,"children":1148},{"class":106},[1149],{"type":20,"value":109},{"type":14,"tag":74,"props":1151,"children":1152},{"class":81},[1153],{"type":20,"value":114},{"type":14,"tag":74,"props":1155,"children":1156},{"class":117},[1157],{"type":20,"value":120},{"type":14,"tag":74,"props":1159,"children":1160},{"class":81},[1161],{"type":20,"value":125},{"type":14,"tag":74,"props":1163,"children":1164},{"class":128},[1165],{"type":20,"value":131},{"type":14,"tag":74,"props":1167,"children":1168},{"class":81},[1169],{"type":20,"value":114},{"type":14,"tag":74,"props":1171,"children":1172},{"class":117},[1173],{"type":20,"value":898},{"type":14,"tag":74,"props":1175,"children":1176},{"class":81},[1177],{"type":20,"value":125},{"type":14,"tag":74,"props":1179,"children":1180},{"class":128},[1181],{"type":20,"value":1182},"\"_color:danger\"",{"type":14,"tag":74,"props":1184,"children":1185},{"class":81},[1186],{"type":20,"value":136},{"type":14,"tag":74,"props":1188,"children":1189},{"class":76,"line":345},[1190,1194,1198],{"type":14,"tag":74,"props":1191,"children":1192},{"class":81},[1193],{"type":20,"value":802},{"type":14,"tag":74,"props":1195,"children":1196},{"class":87},[1197],{"type":20,"value":47},{"type":14,"tag":74,"props":1199,"children":1200},{"class":81},[1201],{"type":20,"value":811},{"type":14,"tag":813,"props":1203,"children":1205},{"id":1204},"size-variants",[1206],{"type":20,"value":1207},"Size Variants",{"type":14,"tag":29,"props":1209,"children":1210},{},[1211,1213,1218,1220,1225,1227,1232,1234,1239,1241,1245],{"type":20,"value":1212},"You're able to use the ",{"type":14,"tag":35,"props":1214,"children":1215},{},[1216],{"type":20,"value":1217},"size",{"type":20,"value":1219}," modifier to control the size of your icon, using one of the available sizes: ",{"type":14,"tag":35,"props":1221,"children":1222},{},[1223],{"type":20,"value":1224},"sm",{"type":20,"value":1226},", ",{"type":14,"tag":35,"props":1228,"children":1229},{},[1230],{"type":20,"value":1231},"md",{"type":20,"value":1233},", and ",{"type":14,"tag":35,"props":1235,"children":1236},{},[1237],{"type":20,"value":1238},"lg",{"type":20,"value":1240},". The default size is set to ",{"type":14,"tag":35,"props":1242,"children":1243},{},[1244],{"type":20,"value":1231},{"type":20,"value":1246},".",{"type":14,"tag":29,"props":1248,"children":1249},{},[1250],{"type":20,"value":1251},"You can also use text size utility classes to set the size of Inkline's icons.",{"type":14,"tag":43,"props":1253,"children":1254},{},[1255,1262],{"type":14,"tag":47,"props":1256,"children":1257},{"v-slot:preview":7},[1258],{"type":14,"tag":51,"props":1259,"children":1261},{"src":1260},"/components/IIcon/examples/size-variants",[],{"type":14,"tag":47,"props":1263,"children":1264},{"v-slot:vue":7},[1265],{"type":14,"tag":59,"props":1266,"children":1269},{"className":1267,"code":1268,"language":64,"meta":7},[62],"\u003Ctemplate>\n    \u003CIIcon name=\"ink-check\" size=\"sm\" />\n\n    \u003CIIcon name=\"ink-check\" size=\"md\" />\n\n    \u003CIIcon name=\"ink-check\" size=\"lg\" />\n\u003C/template>\n\n",[1270],{"type":14,"tag":67,"props":1271,"children":1272},{},[1273],{"type":14,"tag":59,"props":1274,"children":1275},{"__ignoreMap":7},[1276,1291,1339,1346,1394,1401,1449],{"type":14,"tag":74,"props":1277,"children":1278},{"class":76,"line":77},[1279,1283,1287],{"type":14,"tag":74,"props":1280,"children":1281},{"class":81},[1282],{"type":20,"value":84},{"type":14,"tag":74,"props":1284,"children":1285},{"class":87},[1286],{"type":20,"value":47},{"type":14,"tag":74,"props":1288,"children":1289},{"class":81},[1290],{"type":20,"value":94},{"type":14,"tag":74,"props":1292,"children":1293},{"class":76,"line":97},[1294,1298,1302,1306,1310,1314,1318,1322,1326,1330,1335],{"type":14,"tag":74,"props":1295,"children":1296},{"class":81},[1297],{"type":20,"value":103},{"type":14,"tag":74,"props":1299,"children":1300},{"class":106},[1301],{"type":20,"value":109},{"type":14,"tag":74,"props":1303,"children":1304},{"class":81},[1305],{"type":20,"value":114},{"type":14,"tag":74,"props":1307,"children":1308},{"class":117},[1309],{"type":20,"value":120},{"type":14,"tag":74,"props":1311,"children":1312},{"class":81},[1313],{"type":20,"value":125},{"type":14,"tag":74,"props":1315,"children":1316},{"class":128},[1317],{"type":20,"value":131},{"type":14,"tag":74,"props":1319,"children":1320},{"class":81},[1321],{"type":20,"value":114},{"type":14,"tag":74,"props":1323,"children":1324},{"class":117},[1325],{"type":20,"value":1217},{"type":14,"tag":74,"props":1327,"children":1328},{"class":81},[1329],{"type":20,"value":125},{"type":14,"tag":74,"props":1331,"children":1332},{"class":128},[1333],{"type":20,"value":1334},"\"sm\"",{"type":14,"tag":74,"props":1336,"children":1337},{"class":81},[1338],{"type":20,"value":136},{"type":14,"tag":74,"props":1340,"children":1341},{"class":76,"line":139},[1342],{"type":14,"tag":74,"props":1343,"children":1344},{},[1345],{"type":20,"value":145},{"type":14,"tag":74,"props":1347,"children":1348},{"class":76,"line":148},[1349,1353,1357,1361,1365,1369,1373,1377,1381,1385,1390],{"type":14,"tag":74,"props":1350,"children":1351},{"class":81},[1352],{"type":20,"value":103},{"type":14,"tag":74,"props":1354,"children":1355},{"class":106},[1356],{"type":20,"value":109},{"type":14,"tag":74,"props":1358,"children":1359},{"class":81},[1360],{"type":20,"value":114},{"type":14,"tag":74,"props":1362,"children":1363},{"class":117},[1364],{"type":20,"value":120},{"type":14,"tag":74,"props":1366,"children":1367},{"class":81},[1368],{"type":20,"value":125},{"type":14,"tag":74,"props":1370,"children":1371},{"class":128},[1372],{"type":20,"value":131},{"type":14,"tag":74,"props":1374,"children":1375},{"class":81},[1376],{"type":20,"value":114},{"type":14,"tag":74,"props":1378,"children":1379},{"class":117},[1380],{"type":20,"value":1217},{"type":14,"tag":74,"props":1382,"children":1383},{"class":81},[1384],{"type":20,"value":125},{"type":14,"tag":74,"props":1386,"children":1387},{"class":128},[1388],{"type":20,"value":1389},"\"md\"",{"type":14,"tag":74,"props":1391,"children":1392},{"class":81},[1393],{"type":20,"value":136},{"type":14,"tag":74,"props":1395,"children":1396},{"class":76,"line":181},[1397],{"type":14,"tag":74,"props":1398,"children":1399},{},[1400],{"type":20,"value":145},{"type":14,"tag":74,"props":1402,"children":1403},{"class":76,"line":189},[1404,1408,1412,1416,1420,1424,1428,1432,1436,1440,1445],{"type":14,"tag":74,"props":1405,"children":1406},{"class":81},[1407],{"type":20,"value":103},{"type":14,"tag":74,"props":1409,"children":1410},{"class":106},[1411],{"type":20,"value":109},{"type":14,"tag":74,"props":1413,"children":1414},{"class":81},[1415],{"type":20,"value":114},{"type":14,"tag":74,"props":1417,"children":1418},{"class":117},[1419],{"type":20,"value":120},{"type":14,"tag":74,"props":1421,"children":1422},{"class":81},[1423],{"type":20,"value":125},{"type":14,"tag":74,"props":1425,"children":1426},{"class":128},[1427],{"type":20,"value":131},{"type":14,"tag":74,"props":1429,"children":1430},{"class":81},[1431],{"type":20,"value":114},{"type":14,"tag":74,"props":1433,"children":1434},{"class":117},[1435],{"type":20,"value":1217},{"type":14,"tag":74,"props":1437,"children":1438},{"class":81},[1439],{"type":20,"value":125},{"type":14,"tag":74,"props":1441,"children":1442},{"class":128},[1443],{"type":20,"value":1444},"\"lg\"",{"type":14,"tag":74,"props":1446,"children":1447},{"class":81},[1448],{"type":20,"value":136},{"type":14,"tag":74,"props":1450,"children":1451},{"class":76,"line":222},[1452,1456,1460],{"type":14,"tag":74,"props":1453,"children":1454},{"class":81},[1455],{"type":20,"value":802},{"type":14,"tag":74,"props":1457,"children":1458},{"class":87},[1459],{"type":20,"value":47},{"type":14,"tag":74,"props":1461,"children":1462},{"class":81},[1463],{"type":20,"value":811},{"type":14,"tag":813,"props":1465,"children":1467},{"id":1466},"props",[1468],{"type":20,"value":1469},"Props",{"type":14,"tag":1471,"props":1472,"children":1473},"content-component-props",{"component":109},[],{"type":14,"tag":813,"props":1475,"children":1477},{"id":1476},"design-tokens",[1478],{"type":20,"value":1479},"Design Tokens",{"type":14,"tag":1481,"props":1482,"children":1483},"content-component-design-tokens",{"component":109},[],{"type":14,"tag":1485,"children":1486},"style",[1487],{"type":20,"value":1488},".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":97,"depth":97,"links":1490},[1491],{"id":25,"depth":97,"text":9,"children":1492},[1493,1494,1495,1496],{"id":815,"depth":139,"text":818},{"id":1204,"depth":139,"text":1207},{"id":1466,"depth":139,"text":1469},{"id":1476,"depth":139,"text":1479},"markdown","content:docs:components:icon.md","content","docs/components/icon.md",1794582258661]