[{"data":1,"prerenderedAt":2163},["Reactive",2],{"content-query-iv18Er48cm":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"body":10,"_type":2159,"_id":2160,"_source":2161,"_file":2162,"_extension":1180},"/docs/components/nav","components",false,"","Nav - Inkline","Navs are basic navigation components that provide alignment and spacing between items.",{"type":11,"children":12,"toc":2148},"root",[13,22,28,42,318,363,370,388,612,618,643,1152,1158,1195,1613,1619,1650,1674,1836,1843,1893,2081,2087,2093,2097,2102,2105,2111,2116,2120,2125,2128,2134,2139,2143],{"type":14,"tag":15,"props":16,"children":18},"element","h1",{"id":17},"nav",[19],{"type":20,"value":21},"text","Nav",{"type":14,"tag":23,"props":24,"children":26},"h2",{"id":25},"navs-are-basic-navigation-components-that-provide-alignment-and-spacing-between-items",[27],{"type":20,"value":9},{"type":14,"tag":29,"props":30,"children":31},"p",{},[32,34,40],{"type":20,"value":33},"Navigation components make use of the base ",{"type":14,"tag":35,"props":36,"children":37},"code-inline",{},[38],{"type":20,"value":39},"\u003CINav>",{"type":20,"value":41}," component for building all types of navigation styles.",{"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/INav/examples/basic",[],{"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    \u003CINav class=\"texs\">\n        \u003CINavItem href=\"https://inkline.io\">Link\u003C/INavItem>\n        \u003CINavItem :to=\"{ path: '/docs/components/nav' }\">Router Link\u003C/INavItem>\n        \u003CINavItem>Item\u003C/INavItem>\n        \u003CINavItem disabled>Disabled\u003C/INavItem>\n    \u003C/INav>\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,136,181,224,249,283,300],{"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},"INav",{"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},"class",{"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},"\"texs\"",{"type":14,"tag":74,"props":133,"children":134},{"class":81},[135],{"type":20,"value":94},{"type":14,"tag":74,"props":137,"children":139},{"class":76,"line":138},3,[140,145,150,154,159,163,168,173,177],{"type":14,"tag":74,"props":141,"children":142},{"class":81},[143],{"type":20,"value":144},"        \u003C",{"type":14,"tag":74,"props":146,"children":147},{"class":106},[148],{"type":20,"value":149},"INavItem",{"type":14,"tag":74,"props":151,"children":152},{"class":81},[153],{"type":20,"value":114},{"type":14,"tag":74,"props":155,"children":156},{"class":117},[157],{"type":20,"value":158},"href",{"type":14,"tag":74,"props":160,"children":161},{"class":81},[162],{"type":20,"value":125},{"type":14,"tag":74,"props":164,"children":165},{"class":128},[166],{"type":20,"value":167},"\"https://inkline.io\"",{"type":14,"tag":74,"props":169,"children":170},{"class":81},[171],{"type":20,"value":172},">Link\u003C/",{"type":14,"tag":74,"props":174,"children":175},{"class":106},[176],{"type":20,"value":149},{"type":14,"tag":74,"props":178,"children":179},{"class":81},[180],{"type":20,"value":94},{"type":14,"tag":74,"props":182,"children":184},{"class":76,"line":183},4,[185,189,193,197,202,206,211,216,220],{"type":14,"tag":74,"props":186,"children":187},{"class":81},[188],{"type":20,"value":144},{"type":14,"tag":74,"props":190,"children":191},{"class":106},[192],{"type":20,"value":149},{"type":14,"tag":74,"props":194,"children":195},{"class":81},[196],{"type":20,"value":114},{"type":14,"tag":74,"props":198,"children":199},{"class":117},[200],{"type":20,"value":201},":to",{"type":14,"tag":74,"props":203,"children":204},{"class":81},[205],{"type":20,"value":125},{"type":14,"tag":74,"props":207,"children":208},{"class":128},[209],{"type":20,"value":210},"\"{ path: '/docs/components/nav' }\"",{"type":14,"tag":74,"props":212,"children":213},{"class":81},[214],{"type":20,"value":215},">Router Link\u003C/",{"type":14,"tag":74,"props":217,"children":218},{"class":106},[219],{"type":20,"value":149},{"type":14,"tag":74,"props":221,"children":222},{"class":81},[223],{"type":20,"value":94},{"type":14,"tag":74,"props":225,"children":227},{"class":76,"line":226},5,[228,232,236,241,245],{"type":14,"tag":74,"props":229,"children":230},{"class":81},[231],{"type":20,"value":144},{"type":14,"tag":74,"props":233,"children":234},{"class":106},[235],{"type":20,"value":149},{"type":14,"tag":74,"props":237,"children":238},{"class":81},[239],{"type":20,"value":240},">Item\u003C/",{"type":14,"tag":74,"props":242,"children":243},{"class":106},[244],{"type":20,"value":149},{"type":14,"tag":74,"props":246,"children":247},{"class":81},[248],{"type":20,"value":94},{"type":14,"tag":74,"props":250,"children":252},{"class":76,"line":251},6,[253,257,261,265,270,275,279],{"type":14,"tag":74,"props":254,"children":255},{"class":81},[256],{"type":20,"value":144},{"type":14,"tag":74,"props":258,"children":259},{"class":106},[260],{"type":20,"value":149},{"type":14,"tag":74,"props":262,"children":263},{"class":81},[264],{"type":20,"value":114},{"type":14,"tag":74,"props":266,"children":267},{"class":117},[268],{"type":20,"value":269},"disabled",{"type":14,"tag":74,"props":271,"children":272},{"class":81},[273],{"type":20,"value":274},">Disabled\u003C/",{"type":14,"tag":74,"props":276,"children":277},{"class":106},[278],{"type":20,"value":149},{"type":14,"tag":74,"props":280,"children":281},{"class":81},[282],{"type":20,"value":94},{"type":14,"tag":74,"props":284,"children":286},{"class":76,"line":285},7,[287,292,296],{"type":14,"tag":74,"props":288,"children":289},{"class":81},[290],{"type":20,"value":291},"    \u003C/",{"type":14,"tag":74,"props":293,"children":294},{"class":106},[295],{"type":20,"value":109},{"type":14,"tag":74,"props":297,"children":298},{"class":81},[299],{"type":20,"value":94},{"type":14,"tag":74,"props":301,"children":303},{"class":76,"line":302},8,[304,309,313],{"type":14,"tag":74,"props":305,"children":306},{"class":81},[307],{"type":20,"value":308},"\u003C/",{"type":14,"tag":74,"props":310,"children":311},{"class":87},[312],{"type":20,"value":47},{"type":14,"tag":74,"props":314,"children":315},{"class":81},[316],{"type":20,"value":317},">",{"type":14,"tag":29,"props":319,"children":320},{},[321,323,328,330,335,337,341,343,348,350,354,356,361],{"type":20,"value":322},"Behind the scenes, the ",{"type":14,"tag":35,"props":324,"children":325},{},[326],{"type":20,"value":327},"\u003CINavItem>",{"type":20,"value":329}," is converted into a ",{"type":14,"tag":35,"props":331,"children":332},{},[333],{"type":20,"value":334},"\u003CRouterLink>",{"type":20,"value":336}," if it has the ",{"type":14,"tag":35,"props":338,"children":339},{},[340],{"type":20,"value":201},{"type":20,"value":342}," property, or a plain ",{"type":14,"tag":35,"props":344,"children":345},{},[346],{"type":20,"value":347},"\u003Ca>",{"type":20,"value":349}," tag if it has a ",{"type":14,"tag":35,"props":351,"children":352},{},[353],{"type":20,"value":158},{"type":20,"value":355}," property. Otherwise, it uses a simple ",{"type":14,"tag":35,"props":357,"children":358},{},[359],{"type":20,"value":360},"\u003Cdiv>",{"type":20,"value":362}," tag.",{"type":14,"tag":364,"props":365,"children":367},"h3",{"id":366},"vertical-variant",[368],{"type":20,"value":369},"Vertical Variant",{"type":14,"tag":29,"props":371,"children":372},{},[373,375,380,382,386],{"type":20,"value":374},"You can stack nav items into a vertical navigation component by setting the ",{"type":14,"tag":35,"props":376,"children":377},{},[378],{"type":20,"value":379},"vertical",{"type":20,"value":381}," property on your ",{"type":14,"tag":35,"props":383,"children":384},{},[385],{"type":20,"value":39},{"type":20,"value":387},".",{"type":14,"tag":43,"props":389,"children":390},{},[391,398],{"type":14,"tag":47,"props":392,"children":393},{"v-slot:preview":7},[394],{"type":14,"tag":51,"props":395,"children":397},{"src":396},"/components/INav/examples/vertical",[],{"type":14,"tag":47,"props":399,"children":400},{"v-slot:vue":7},[401],{"type":14,"tag":59,"props":402,"children":405},{"className":403,"code":404,"language":64,"meta":7},[62],"\u003Ctemplate>\n    \u003CINav vertical>\n        \u003CINavItem href=\"https://inkline.io\">Link\u003C/INavItem>\n        \u003CINavItem :to=\"{ path: '/docs/components/nav' }\">Router Link\u003C/INavItem>\n        \u003CINavItem>Item\u003C/INavItem>\n        \u003CINavItem disabled>Disabled\u003C/INavItem>\n    \u003C/INav>\n\u003C/template>\n\n",[406],{"type":14,"tag":67,"props":407,"children":408},{},[409],{"type":14,"tag":59,"props":410,"children":411},{"__ignoreMap":7},[412,427,450,489,528,551,582,597],{"type":14,"tag":74,"props":413,"children":414},{"class":76,"line":77},[415,419,423],{"type":14,"tag":74,"props":416,"children":417},{"class":81},[418],{"type":20,"value":84},{"type":14,"tag":74,"props":420,"children":421},{"class":87},[422],{"type":20,"value":47},{"type":14,"tag":74,"props":424,"children":425},{"class":81},[426],{"type":20,"value":94},{"type":14,"tag":74,"props":428,"children":429},{"class":76,"line":97},[430,434,438,442,446],{"type":14,"tag":74,"props":431,"children":432},{"class":81},[433],{"type":20,"value":103},{"type":14,"tag":74,"props":435,"children":436},{"class":106},[437],{"type":20,"value":109},{"type":14,"tag":74,"props":439,"children":440},{"class":81},[441],{"type":20,"value":114},{"type":14,"tag":74,"props":443,"children":444},{"class":117},[445],{"type":20,"value":379},{"type":14,"tag":74,"props":447,"children":448},{"class":81},[449],{"type":20,"value":94},{"type":14,"tag":74,"props":451,"children":452},{"class":76,"line":138},[453,457,461,465,469,473,477,481,485],{"type":14,"tag":74,"props":454,"children":455},{"class":81},[456],{"type":20,"value":144},{"type":14,"tag":74,"props":458,"children":459},{"class":106},[460],{"type":20,"value":149},{"type":14,"tag":74,"props":462,"children":463},{"class":81},[464],{"type":20,"value":114},{"type":14,"tag":74,"props":466,"children":467},{"class":117},[468],{"type":20,"value":158},{"type":14,"tag":74,"props":470,"children":471},{"class":81},[472],{"type":20,"value":125},{"type":14,"tag":74,"props":474,"children":475},{"class":128},[476],{"type":20,"value":167},{"type":14,"tag":74,"props":478,"children":479},{"class":81},[480],{"type":20,"value":172},{"type":14,"tag":74,"props":482,"children":483},{"class":106},[484],{"type":20,"value":149},{"type":14,"tag":74,"props":486,"children":487},{"class":81},[488],{"type":20,"value":94},{"type":14,"tag":74,"props":490,"children":491},{"class":76,"line":183},[492,496,500,504,508,512,516,520,524],{"type":14,"tag":74,"props":493,"children":494},{"class":81},[495],{"type":20,"value":144},{"type":14,"tag":74,"props":497,"children":498},{"class":106},[499],{"type":20,"value":149},{"type":14,"tag":74,"props":501,"children":502},{"class":81},[503],{"type":20,"value":114},{"type":14,"tag":74,"props":505,"children":506},{"class":117},[507],{"type":20,"value":201},{"type":14,"tag":74,"props":509,"children":510},{"class":81},[511],{"type":20,"value":125},{"type":14,"tag":74,"props":513,"children":514},{"class":128},[515],{"type":20,"value":210},{"type":14,"tag":74,"props":517,"children":518},{"class":81},[519],{"type":20,"value":215},{"type":14,"tag":74,"props":521,"children":522},{"class":106},[523],{"type":20,"value":149},{"type":14,"tag":74,"props":525,"children":526},{"class":81},[527],{"type":20,"value":94},{"type":14,"tag":74,"props":529,"children":530},{"class":76,"line":226},[531,535,539,543,547],{"type":14,"tag":74,"props":532,"children":533},{"class":81},[534],{"type":20,"value":144},{"type":14,"tag":74,"props":536,"children":537},{"class":106},[538],{"type":20,"value":149},{"type":14,"tag":74,"props":540,"children":541},{"class":81},[542],{"type":20,"value":240},{"type":14,"tag":74,"props":544,"children":545},{"class":106},[546],{"type":20,"value":149},{"type":14,"tag":74,"props":548,"children":549},{"class":81},[550],{"type":20,"value":94},{"type":14,"tag":74,"props":552,"children":553},{"class":76,"line":251},[554,558,562,566,570,574,578],{"type":14,"tag":74,"props":555,"children":556},{"class":81},[557],{"type":20,"value":144},{"type":14,"tag":74,"props":559,"children":560},{"class":106},[561],{"type":20,"value":149},{"type":14,"tag":74,"props":563,"children":564},{"class":81},[565],{"type":20,"value":114},{"type":14,"tag":74,"props":567,"children":568},{"class":117},[569],{"type":20,"value":269},{"type":14,"tag":74,"props":571,"children":572},{"class":81},[573],{"type":20,"value":274},{"type":14,"tag":74,"props":575,"children":576},{"class":106},[577],{"type":20,"value":149},{"type":14,"tag":74,"props":579,"children":580},{"class":81},[581],{"type":20,"value":94},{"type":14,"tag":74,"props":583,"children":584},{"class":76,"line":285},[585,589,593],{"type":14,"tag":74,"props":586,"children":587},{"class":81},[588],{"type":20,"value":291},{"type":14,"tag":74,"props":590,"children":591},{"class":106},[592],{"type":20,"value":109},{"type":14,"tag":74,"props":594,"children":595},{"class":81},[596],{"type":20,"value":94},{"type":14,"tag":74,"props":598,"children":599},{"class":76,"line":302},[600,604,608],{"type":14,"tag":74,"props":601,"children":602},{"class":81},[603],{"type":20,"value":308},{"type":14,"tag":74,"props":605,"children":606},{"class":87},[607],{"type":20,"value":47},{"type":14,"tag":74,"props":609,"children":610},{"class":81},[611],{"type":20,"value":317},{"type":14,"tag":364,"props":613,"children":615},{"id":614},"color-variants",[616],{"type":20,"value":617},"Color Variants",{"type":14,"tag":29,"props":619,"children":620},{},[621,623,628,630,635,637,642],{"type":20,"value":622},"You're able to use the ",{"type":14,"tag":35,"props":624,"children":625},{},[626],{"type":20,"value":627},"color",{"type":20,"value":629}," modifier to control the color of your navs, using one of the available variants: ",{"type":14,"tag":35,"props":631,"children":632},{},[633],{"type":20,"value":634},"light",{"type":20,"value":636},", or ",{"type":14,"tag":35,"props":638,"children":639},{},[640],{"type":20,"value":641},"dark",{"type":20,"value":387},{"type":14,"tag":43,"props":644,"children":645},{},[646,653],{"type":14,"tag":47,"props":647,"children":648},{"v-slot:preview":7},[649],{"type":14,"tag":51,"props":650,"children":652},{"src":651},"/components/INav/examples/color-variants",[],{"type":14,"tag":47,"props":654,"children":655},{"v-slot:vue":7},[656],{"type":14,"tag":59,"props":657,"children":660},{"className":658,"code":659,"language":64,"meta":7},[62],"\u003Ctemplate>\n    \u003CINav color=\"light\" class=\"_background:light\">\n        \u003CINavItem href=\"https://inkline.io\">Link\u003C/INavItem>\n        \u003CINavItem :to=\"{ path: '/docs/components/nav' }\">Router Link\u003C/INavItem>\n        \u003CINavItem>Item\u003C/INavItem>\n        \u003CINavItem>Item\u003C/INavItem>\n        \u003CINavItem disabled>Disabled\u003C/INavItem>\n    \u003C/INav>\n\n    \u003CINav color=\"dark\" class=\"_background:dark\">\n        \u003CINavItem href=\"https://inkline.io\">Link\u003C/INavItem>\n        \u003CINavItem :to=\"{ path: '/docs/components/nav' }\">Router Link\u003C/INavItem>\n        \u003CINavItem>Item\u003C/INavItem>\n        \u003CINavItem>Item\u003C/INavItem>\n        \u003CINavItem disabled>Disabled\u003C/INavItem>\n    \u003C/INav>\n\u003C/template>\n\n",[661],{"type":14,"tag":67,"props":662,"children":663},{},[664],{"type":14,"tag":59,"props":665,"children":666},{"__ignoreMap":7},[667,682,731,770,809,832,855,886,901,910,960,1000,1040,1064,1088,1120,1136],{"type":14,"tag":74,"props":668,"children":669},{"class":76,"line":77},[670,674,678],{"type":14,"tag":74,"props":671,"children":672},{"class":81},[673],{"type":20,"value":84},{"type":14,"tag":74,"props":675,"children":676},{"class":87},[677],{"type":20,"value":47},{"type":14,"tag":74,"props":679,"children":680},{"class":81},[681],{"type":20,"value":94},{"type":14,"tag":74,"props":683,"children":684},{"class":76,"line":97},[685,689,693,697,701,705,710,714,718,722,727],{"type":14,"tag":74,"props":686,"children":687},{"class":81},[688],{"type":20,"value":103},{"type":14,"tag":74,"props":690,"children":691},{"class":106},[692],{"type":20,"value":109},{"type":14,"tag":74,"props":694,"children":695},{"class":81},[696],{"type":20,"value":114},{"type":14,"tag":74,"props":698,"children":699},{"class":117},[700],{"type":20,"value":627},{"type":14,"tag":74,"props":702,"children":703},{"class":81},[704],{"type":20,"value":125},{"type":14,"tag":74,"props":706,"children":707},{"class":128},[708],{"type":20,"value":709},"\"light\"",{"type":14,"tag":74,"props":711,"children":712},{"class":81},[713],{"type":20,"value":114},{"type":14,"tag":74,"props":715,"children":716},{"class":117},[717],{"type":20,"value":120},{"type":14,"tag":74,"props":719,"children":720},{"class":81},[721],{"type":20,"value":125},{"type":14,"tag":74,"props":723,"children":724},{"class":128},[725],{"type":20,"value":726},"\"_background:light\"",{"type":14,"tag":74,"props":728,"children":729},{"class":81},[730],{"type":20,"value":94},{"type":14,"tag":74,"props":732,"children":733},{"class":76,"line":138},[734,738,742,746,750,754,758,762,766],{"type":14,"tag":74,"props":735,"children":736},{"class":81},[737],{"type":20,"value":144},{"type":14,"tag":74,"props":739,"children":740},{"class":106},[741],{"type":20,"value":149},{"type":14,"tag":74,"props":743,"children":744},{"class":81},[745],{"type":20,"value":114},{"type":14,"tag":74,"props":747,"children":748},{"class":117},[749],{"type":20,"value":158},{"type":14,"tag":74,"props":751,"children":752},{"class":81},[753],{"type":20,"value":125},{"type":14,"tag":74,"props":755,"children":756},{"class":128},[757],{"type":20,"value":167},{"type":14,"tag":74,"props":759,"children":760},{"class":81},[761],{"type":20,"value":172},{"type":14,"tag":74,"props":763,"children":764},{"class":106},[765],{"type":20,"value":149},{"type":14,"tag":74,"props":767,"children":768},{"class":81},[769],{"type":20,"value":94},{"type":14,"tag":74,"props":771,"children":772},{"class":76,"line":183},[773,777,781,785,789,793,797,801,805],{"type":14,"tag":74,"props":774,"children":775},{"class":81},[776],{"type":20,"value":144},{"type":14,"tag":74,"props":778,"children":779},{"class":106},[780],{"type":20,"value":149},{"type":14,"tag":74,"props":782,"children":783},{"class":81},[784],{"type":20,"value":114},{"type":14,"tag":74,"props":786,"children":787},{"class":117},[788],{"type":20,"value":201},{"type":14,"tag":74,"props":790,"children":791},{"class":81},[792],{"type":20,"value":125},{"type":14,"tag":74,"props":794,"children":795},{"class":128},[796],{"type":20,"value":210},{"type":14,"tag":74,"props":798,"children":799},{"class":81},[800],{"type":20,"value":215},{"type":14,"tag":74,"props":802,"children":803},{"class":106},[804],{"type":20,"value":149},{"type":14,"tag":74,"props":806,"children":807},{"class":81},[808],{"type":20,"value":94},{"type":14,"tag":74,"props":810,"children":811},{"class":76,"line":226},[812,816,820,824,828],{"type":14,"tag":74,"props":813,"children":814},{"class":81},[815],{"type":20,"value":144},{"type":14,"tag":74,"props":817,"children":818},{"class":106},[819],{"type":20,"value":149},{"type":14,"tag":74,"props":821,"children":822},{"class":81},[823],{"type":20,"value":240},{"type":14,"tag":74,"props":825,"children":826},{"class":106},[827],{"type":20,"value":149},{"type":14,"tag":74,"props":829,"children":830},{"class":81},[831],{"type":20,"value":94},{"type":14,"tag":74,"props":833,"children":834},{"class":76,"line":251},[835,839,843,847,851],{"type":14,"tag":74,"props":836,"children":837},{"class":81},[838],{"type":20,"value":144},{"type":14,"tag":74,"props":840,"children":841},{"class":106},[842],{"type":20,"value":149},{"type":14,"tag":74,"props":844,"children":845},{"class":81},[846],{"type":20,"value":240},{"type":14,"tag":74,"props":848,"children":849},{"class":106},[850],{"type":20,"value":149},{"type":14,"tag":74,"props":852,"children":853},{"class":81},[854],{"type":20,"value":94},{"type":14,"tag":74,"props":856,"children":857},{"class":76,"line":285},[858,862,866,870,874,878,882],{"type":14,"tag":74,"props":859,"children":860},{"class":81},[861],{"type":20,"value":144},{"type":14,"tag":74,"props":863,"children":864},{"class":106},[865],{"type":20,"value":149},{"type":14,"tag":74,"props":867,"children":868},{"class":81},[869],{"type":20,"value":114},{"type":14,"tag":74,"props":871,"children":872},{"class":117},[873],{"type":20,"value":269},{"type":14,"tag":74,"props":875,"children":876},{"class":81},[877],{"type":20,"value":274},{"type":14,"tag":74,"props":879,"children":880},{"class":106},[881],{"type":20,"value":149},{"type":14,"tag":74,"props":883,"children":884},{"class":81},[885],{"type":20,"value":94},{"type":14,"tag":74,"props":887,"children":888},{"class":76,"line":302},[889,893,897],{"type":14,"tag":74,"props":890,"children":891},{"class":81},[892],{"type":20,"value":291},{"type":14,"tag":74,"props":894,"children":895},{"class":106},[896],{"type":20,"value":109},{"type":14,"tag":74,"props":898,"children":899},{"class":81},[900],{"type":20,"value":94},{"type":14,"tag":74,"props":902,"children":904},{"class":76,"line":903},9,[905],{"type":14,"tag":74,"props":906,"children":907},{},[908],{"type":20,"value":909},"\n",{"type":14,"tag":74,"props":911,"children":913},{"class":76,"line":912},10,[914,918,922,926,930,934,939,943,947,951,956],{"type":14,"tag":74,"props":915,"children":916},{"class":81},[917],{"type":20,"value":103},{"type":14,"tag":74,"props":919,"children":920},{"class":106},[921],{"type":20,"value":109},{"type":14,"tag":74,"props":923,"children":924},{"class":81},[925],{"type":20,"value":114},{"type":14,"tag":74,"props":927,"children":928},{"class":117},[929],{"type":20,"value":627},{"type":14,"tag":74,"props":931,"children":932},{"class":81},[933],{"type":20,"value":125},{"type":14,"tag":74,"props":935,"children":936},{"class":128},[937],{"type":20,"value":938},"\"dark\"",{"type":14,"tag":74,"props":940,"children":941},{"class":81},[942],{"type":20,"value":114},{"type":14,"tag":74,"props":944,"children":945},{"class":117},[946],{"type":20,"value":120},{"type":14,"tag":74,"props":948,"children":949},{"class":81},[950],{"type":20,"value":125},{"type":14,"tag":74,"props":952,"children":953},{"class":128},[954],{"type":20,"value":955},"\"_background:dark\"",{"type":14,"tag":74,"props":957,"children":958},{"class":81},[959],{"type":20,"value":94},{"type":14,"tag":74,"props":961,"children":963},{"class":76,"line":962},11,[964,968,972,976,980,984,988,992,996],{"type":14,"tag":74,"props":965,"children":966},{"class":81},[967],{"type":20,"value":144},{"type":14,"tag":74,"props":969,"children":970},{"class":106},[971],{"type":20,"value":149},{"type":14,"tag":74,"props":973,"children":974},{"class":81},[975],{"type":20,"value":114},{"type":14,"tag":74,"props":977,"children":978},{"class":117},[979],{"type":20,"value":158},{"type":14,"tag":74,"props":981,"children":982},{"class":81},[983],{"type":20,"value":125},{"type":14,"tag":74,"props":985,"children":986},{"class":128},[987],{"type":20,"value":167},{"type":14,"tag":74,"props":989,"children":990},{"class":81},[991],{"type":20,"value":172},{"type":14,"tag":74,"props":993,"children":994},{"class":106},[995],{"type":20,"value":149},{"type":14,"tag":74,"props":997,"children":998},{"class":81},[999],{"type":20,"value":94},{"type":14,"tag":74,"props":1001,"children":1003},{"class":76,"line":1002},12,[1004,1008,1012,1016,1020,1024,1028,1032,1036],{"type":14,"tag":74,"props":1005,"children":1006},{"class":81},[1007],{"type":20,"value":144},{"type":14,"tag":74,"props":1009,"children":1010},{"class":106},[1011],{"type":20,"value":149},{"type":14,"tag":74,"props":1013,"children":1014},{"class":81},[1015],{"type":20,"value":114},{"type":14,"tag":74,"props":1017,"children":1018},{"class":117},[1019],{"type":20,"value":201},{"type":14,"tag":74,"props":1021,"children":1022},{"class":81},[1023],{"type":20,"value":125},{"type":14,"tag":74,"props":1025,"children":1026},{"class":128},[1027],{"type":20,"value":210},{"type":14,"tag":74,"props":1029,"children":1030},{"class":81},[1031],{"type":20,"value":215},{"type":14,"tag":74,"props":1033,"children":1034},{"class":106},[1035],{"type":20,"value":149},{"type":14,"tag":74,"props":1037,"children":1038},{"class":81},[1039],{"type":20,"value":94},{"type":14,"tag":74,"props":1041,"children":1043},{"class":76,"line":1042},13,[1044,1048,1052,1056,1060],{"type":14,"tag":74,"props":1045,"children":1046},{"class":81},[1047],{"type":20,"value":144},{"type":14,"tag":74,"props":1049,"children":1050},{"class":106},[1051],{"type":20,"value":149},{"type":14,"tag":74,"props":1053,"children":1054},{"class":81},[1055],{"type":20,"value":240},{"type":14,"tag":74,"props":1057,"children":1058},{"class":106},[1059],{"type":20,"value":149},{"type":14,"tag":74,"props":1061,"children":1062},{"class":81},[1063],{"type":20,"value":94},{"type":14,"tag":74,"props":1065,"children":1067},{"class":76,"line":1066},14,[1068,1072,1076,1080,1084],{"type":14,"tag":74,"props":1069,"children":1070},{"class":81},[1071],{"type":20,"value":144},{"type":14,"tag":74,"props":1073,"children":1074},{"class":106},[1075],{"type":20,"value":149},{"type":14,"tag":74,"props":1077,"children":1078},{"class":81},[1079],{"type":20,"value":240},{"type":14,"tag":74,"props":1081,"children":1082},{"class":106},[1083],{"type":20,"value":149},{"type":14,"tag":74,"props":1085,"children":1086},{"class":81},[1087],{"type":20,"value":94},{"type":14,"tag":74,"props":1089,"children":1091},{"class":76,"line":1090},15,[1092,1096,1100,1104,1108,1112,1116],{"type":14,"tag":74,"props":1093,"children":1094},{"class":81},[1095],{"type":20,"value":144},{"type":14,"tag":74,"props":1097,"children":1098},{"class":106},[1099],{"type":20,"value":149},{"type":14,"tag":74,"props":1101,"children":1102},{"class":81},[1103],{"type":20,"value":114},{"type":14,"tag":74,"props":1105,"children":1106},{"class":117},[1107],{"type":20,"value":269},{"type":14,"tag":74,"props":1109,"children":1110},{"class":81},[1111],{"type":20,"value":274},{"type":14,"tag":74,"props":1113,"children":1114},{"class":106},[1115],{"type":20,"value":149},{"type":14,"tag":74,"props":1117,"children":1118},{"class":81},[1119],{"type":20,"value":94},{"type":14,"tag":74,"props":1121,"children":1123},{"class":76,"line":1122},16,[1124,1128,1132],{"type":14,"tag":74,"props":1125,"children":1126},{"class":81},[1127],{"type":20,"value":291},{"type":14,"tag":74,"props":1129,"children":1130},{"class":106},[1131],{"type":20,"value":109},{"type":14,"tag":74,"props":1133,"children":1134},{"class":81},[1135],{"type":20,"value":94},{"type":14,"tag":74,"props":1137,"children":1139},{"class":76,"line":1138},17,[1140,1144,1148],{"type":14,"tag":74,"props":1141,"children":1142},{"class":81},[1143],{"type":20,"value":308},{"type":14,"tag":74,"props":1145,"children":1146},{"class":87},[1147],{"type":20,"value":47},{"type":14,"tag":74,"props":1149,"children":1150},{"class":81},[1151],{"type":20,"value":317},{"type":14,"tag":364,"props":1153,"children":1155},{"id":1154},"size-variants",[1156],{"type":20,"value":1157},"Size Variants",{"type":14,"tag":29,"props":1159,"children":1160},{},[1161,1162,1167,1169,1174,1176,1181,1183,1188,1190,1194],{"type":20,"value":622},{"type":14,"tag":35,"props":1163,"children":1164},{},[1165],{"type":20,"value":1166},"size",{"type":20,"value":1168}," modifier to control the size of your navs, using one of the available sizes: ",{"type":14,"tag":35,"props":1170,"children":1171},{},[1172],{"type":20,"value":1173},"sm",{"type":20,"value":1175},", ",{"type":14,"tag":35,"props":1177,"children":1178},{},[1179],{"type":20,"value":1180},"md",{"type":20,"value":1182},", and ",{"type":14,"tag":35,"props":1184,"children":1185},{},[1186],{"type":20,"value":1187},"lg",{"type":20,"value":1189},". The default size is set to ",{"type":14,"tag":35,"props":1191,"children":1192},{},[1193],{"type":20,"value":1180},{"type":20,"value":387},{"type":14,"tag":43,"props":1196,"children":1197},{},[1198,1205],{"type":14,"tag":47,"props":1199,"children":1200},{"v-slot:preview":7},[1201],{"type":14,"tag":51,"props":1202,"children":1204},{"src":1203},"/components/INav/examples/size-variants",[],{"type":14,"tag":47,"props":1206,"children":1207},{"v-slot:vue":7},[1208],{"type":14,"tag":59,"props":1209,"children":1212},{"className":1210,"code":1211,"language":64,"meta":7},[62],"\u003Ctemplate>\n    \u003CINav size=\"sm\">\n        \u003CINavItem>Item\u003C/INavItem>\n        \u003CINavItem>Item\u003C/INavItem>\n        \u003CINavItem>Item\u003C/INavItem>\n    \u003C/INav>\n\n    \u003CINav size=\"md\">\n        \u003CINavItem>Item\u003C/INavItem>\n        \u003CINavItem>Item\u003C/INavItem>\n        \u003CINavItem>Item\u003C/INavItem>\n    \u003C/INav>\n\n    \u003CINav size=\"lg\">\n        \u003CINavItem>Item\u003C/INavItem>\n        \u003CINavItem>Item\u003C/INavItem>\n        \u003CINavItem>Item\u003C/INavItem>\n    \u003C/INav>\n\u003C/template>\n\n",[1213],{"type":14,"tag":67,"props":1214,"children":1215},{},[1216],{"type":14,"tag":59,"props":1217,"children":1218},{"__ignoreMap":7},[1219,1234,1266,1289,1312,1335,1350,1357,1389,1412,1435,1458,1473,1480,1512,1535,1558,1581,1597],{"type":14,"tag":74,"props":1220,"children":1221},{"class":76,"line":77},[1222,1226,1230],{"type":14,"tag":74,"props":1223,"children":1224},{"class":81},[1225],{"type":20,"value":84},{"type":14,"tag":74,"props":1227,"children":1228},{"class":87},[1229],{"type":20,"value":47},{"type":14,"tag":74,"props":1231,"children":1232},{"class":81},[1233],{"type":20,"value":94},{"type":14,"tag":74,"props":1235,"children":1236},{"class":76,"line":97},[1237,1241,1245,1249,1253,1257,1262],{"type":14,"tag":74,"props":1238,"children":1239},{"class":81},[1240],{"type":20,"value":103},{"type":14,"tag":74,"props":1242,"children":1243},{"class":106},[1244],{"type":20,"value":109},{"type":14,"tag":74,"props":1246,"children":1247},{"class":81},[1248],{"type":20,"value":114},{"type":14,"tag":74,"props":1250,"children":1251},{"class":117},[1252],{"type":20,"value":1166},{"type":14,"tag":74,"props":1254,"children":1255},{"class":81},[1256],{"type":20,"value":125},{"type":14,"tag":74,"props":1258,"children":1259},{"class":128},[1260],{"type":20,"value":1261},"\"sm\"",{"type":14,"tag":74,"props":1263,"children":1264},{"class":81},[1265],{"type":20,"value":94},{"type":14,"tag":74,"props":1267,"children":1268},{"class":76,"line":138},[1269,1273,1277,1281,1285],{"type":14,"tag":74,"props":1270,"children":1271},{"class":81},[1272],{"type":20,"value":144},{"type":14,"tag":74,"props":1274,"children":1275},{"class":106},[1276],{"type":20,"value":149},{"type":14,"tag":74,"props":1278,"children":1279},{"class":81},[1280],{"type":20,"value":240},{"type":14,"tag":74,"props":1282,"children":1283},{"class":106},[1284],{"type":20,"value":149},{"type":14,"tag":74,"props":1286,"children":1287},{"class":81},[1288],{"type":20,"value":94},{"type":14,"tag":74,"props":1290,"children":1291},{"class":76,"line":183},[1292,1296,1300,1304,1308],{"type":14,"tag":74,"props":1293,"children":1294},{"class":81},[1295],{"type":20,"value":144},{"type":14,"tag":74,"props":1297,"children":1298},{"class":106},[1299],{"type":20,"value":149},{"type":14,"tag":74,"props":1301,"children":1302},{"class":81},[1303],{"type":20,"value":240},{"type":14,"tag":74,"props":1305,"children":1306},{"class":106},[1307],{"type":20,"value":149},{"type":14,"tag":74,"props":1309,"children":1310},{"class":81},[1311],{"type":20,"value":94},{"type":14,"tag":74,"props":1313,"children":1314},{"class":76,"line":226},[1315,1319,1323,1327,1331],{"type":14,"tag":74,"props":1316,"children":1317},{"class":81},[1318],{"type":20,"value":144},{"type":14,"tag":74,"props":1320,"children":1321},{"class":106},[1322],{"type":20,"value":149},{"type":14,"tag":74,"props":1324,"children":1325},{"class":81},[1326],{"type":20,"value":240},{"type":14,"tag":74,"props":1328,"children":1329},{"class":106},[1330],{"type":20,"value":149},{"type":14,"tag":74,"props":1332,"children":1333},{"class":81},[1334],{"type":20,"value":94},{"type":14,"tag":74,"props":1336,"children":1337},{"class":76,"line":251},[1338,1342,1346],{"type":14,"tag":74,"props":1339,"children":1340},{"class":81},[1341],{"type":20,"value":291},{"type":14,"tag":74,"props":1343,"children":1344},{"class":106},[1345],{"type":20,"value":109},{"type":14,"tag":74,"props":1347,"children":1348},{"class":81},[1349],{"type":20,"value":94},{"type":14,"tag":74,"props":1351,"children":1352},{"class":76,"line":285},[1353],{"type":14,"tag":74,"props":1354,"children":1355},{},[1356],{"type":20,"value":909},{"type":14,"tag":74,"props":1358,"children":1359},{"class":76,"line":302},[1360,1364,1368,1372,1376,1380,1385],{"type":14,"tag":74,"props":1361,"children":1362},{"class":81},[1363],{"type":20,"value":103},{"type":14,"tag":74,"props":1365,"children":1366},{"class":106},[1367],{"type":20,"value":109},{"type":14,"tag":74,"props":1369,"children":1370},{"class":81},[1371],{"type":20,"value":114},{"type":14,"tag":74,"props":1373,"children":1374},{"class":117},[1375],{"type":20,"value":1166},{"type":14,"tag":74,"props":1377,"children":1378},{"class":81},[1379],{"type":20,"value":125},{"type":14,"tag":74,"props":1381,"children":1382},{"class":128},[1383],{"type":20,"value":1384},"\"md\"",{"type":14,"tag":74,"props":1386,"children":1387},{"class":81},[1388],{"type":20,"value":94},{"type":14,"tag":74,"props":1390,"children":1391},{"class":76,"line":903},[1392,1396,1400,1404,1408],{"type":14,"tag":74,"props":1393,"children":1394},{"class":81},[1395],{"type":20,"value":144},{"type":14,"tag":74,"props":1397,"children":1398},{"class":106},[1399],{"type":20,"value":149},{"type":14,"tag":74,"props":1401,"children":1402},{"class":81},[1403],{"type":20,"value":240},{"type":14,"tag":74,"props":1405,"children":1406},{"class":106},[1407],{"type":20,"value":149},{"type":14,"tag":74,"props":1409,"children":1410},{"class":81},[1411],{"type":20,"value":94},{"type":14,"tag":74,"props":1413,"children":1414},{"class":76,"line":912},[1415,1419,1423,1427,1431],{"type":14,"tag":74,"props":1416,"children":1417},{"class":81},[1418],{"type":20,"value":144},{"type":14,"tag":74,"props":1420,"children":1421},{"class":106},[1422],{"type":20,"value":149},{"type":14,"tag":74,"props":1424,"children":1425},{"class":81},[1426],{"type":20,"value":240},{"type":14,"tag":74,"props":1428,"children":1429},{"class":106},[1430],{"type":20,"value":149},{"type":14,"tag":74,"props":1432,"children":1433},{"class":81},[1434],{"type":20,"value":94},{"type":14,"tag":74,"props":1436,"children":1437},{"class":76,"line":962},[1438,1442,1446,1450,1454],{"type":14,"tag":74,"props":1439,"children":1440},{"class":81},[1441],{"type":20,"value":144},{"type":14,"tag":74,"props":1443,"children":1444},{"class":106},[1445],{"type":20,"value":149},{"type":14,"tag":74,"props":1447,"children":1448},{"class":81},[1449],{"type":20,"value":240},{"type":14,"tag":74,"props":1451,"children":1452},{"class":106},[1453],{"type":20,"value":149},{"type":14,"tag":74,"props":1455,"children":1456},{"class":81},[1457],{"type":20,"value":94},{"type":14,"tag":74,"props":1459,"children":1460},{"class":76,"line":1002},[1461,1465,1469],{"type":14,"tag":74,"props":1462,"children":1463},{"class":81},[1464],{"type":20,"value":291},{"type":14,"tag":74,"props":1466,"children":1467},{"class":106},[1468],{"type":20,"value":109},{"type":14,"tag":74,"props":1470,"children":1471},{"class":81},[1472],{"type":20,"value":94},{"type":14,"tag":74,"props":1474,"children":1475},{"class":76,"line":1042},[1476],{"type":14,"tag":74,"props":1477,"children":1478},{},[1479],{"type":20,"value":909},{"type":14,"tag":74,"props":1481,"children":1482},{"class":76,"line":1066},[1483,1487,1491,1495,1499,1503,1508],{"type":14,"tag":74,"props":1484,"children":1485},{"class":81},[1486],{"type":20,"value":103},{"type":14,"tag":74,"props":1488,"children":1489},{"class":106},[1490],{"type":20,"value":109},{"type":14,"tag":74,"props":1492,"children":1493},{"class":81},[1494],{"type":20,"value":114},{"type":14,"tag":74,"props":1496,"children":1497},{"class":117},[1498],{"type":20,"value":1166},{"type":14,"tag":74,"props":1500,"children":1501},{"class":81},[1502],{"type":20,"value":125},{"type":14,"tag":74,"props":1504,"children":1505},{"class":128},[1506],{"type":20,"value":1507},"\"lg\"",{"type":14,"tag":74,"props":1509,"children":1510},{"class":81},[1511],{"type":20,"value":94},{"type":14,"tag":74,"props":1513,"children":1514},{"class":76,"line":1090},[1515,1519,1523,1527,1531],{"type":14,"tag":74,"props":1516,"children":1517},{"class":81},[1518],{"type":20,"value":144},{"type":14,"tag":74,"props":1520,"children":1521},{"class":106},[1522],{"type":20,"value":149},{"type":14,"tag":74,"props":1524,"children":1525},{"class":81},[1526],{"type":20,"value":240},{"type":14,"tag":74,"props":1528,"children":1529},{"class":106},[1530],{"type":20,"value":149},{"type":14,"tag":74,"props":1532,"children":1533},{"class":81},[1534],{"type":20,"value":94},{"type":14,"tag":74,"props":1536,"children":1537},{"class":76,"line":1122},[1538,1542,1546,1550,1554],{"type":14,"tag":74,"props":1539,"children":1540},{"class":81},[1541],{"type":20,"value":144},{"type":14,"tag":74,"props":1543,"children":1544},{"class":106},[1545],{"type":20,"value":149},{"type":14,"tag":74,"props":1547,"children":1548},{"class":81},[1549],{"type":20,"value":240},{"type":14,"tag":74,"props":1551,"children":1552},{"class":106},[1553],{"type":20,"value":149},{"type":14,"tag":74,"props":1555,"children":1556},{"class":81},[1557],{"type":20,"value":94},{"type":14,"tag":74,"props":1559,"children":1560},{"class":76,"line":1138},[1561,1565,1569,1573,1577],{"type":14,"tag":74,"props":1562,"children":1563},{"class":81},[1564],{"type":20,"value":144},{"type":14,"tag":74,"props":1566,"children":1567},{"class":106},[1568],{"type":20,"value":149},{"type":14,"tag":74,"props":1570,"children":1571},{"class":81},[1572],{"type":20,"value":240},{"type":14,"tag":74,"props":1574,"children":1575},{"class":106},[1576],{"type":20,"value":149},{"type":14,"tag":74,"props":1578,"children":1579},{"class":81},[1580],{"type":20,"value":94},{"type":14,"tag":74,"props":1582,"children":1584},{"class":76,"line":1583},18,[1585,1589,1593],{"type":14,"tag":74,"props":1586,"children":1587},{"class":81},[1588],{"type":20,"value":291},{"type":14,"tag":74,"props":1590,"children":1591},{"class":106},[1592],{"type":20,"value":109},{"type":14,"tag":74,"props":1594,"children":1595},{"class":81},[1596],{"type":20,"value":94},{"type":14,"tag":74,"props":1598,"children":1600},{"class":76,"line":1599},19,[1601,1605,1609],{"type":14,"tag":74,"props":1602,"children":1603},{"class":81},[1604],{"type":20,"value":308},{"type":14,"tag":74,"props":1606,"children":1607},{"class":87},[1608],{"type":20,"value":47},{"type":14,"tag":74,"props":1610,"children":1611},{"class":81},[1612],{"type":20,"value":317},{"type":14,"tag":364,"props":1614,"children":1616},{"id":1615},"linking-and-routing",[1617],{"type":20,"value":1618},"Linking and Routing",{"type":14,"tag":29,"props":1620,"children":1621},{},[1622,1624,1628,1630,1634,1636,1641,1643,1648],{"type":20,"value":1623},"Nav items will be automatically converted to link anchors ",{"type":14,"tag":35,"props":1625,"children":1626},{},[1627],{"type":20,"value":347},{"type":20,"value":1629}," when providing a ",{"type":14,"tag":35,"props":1631,"children":1632},{},[1633],{"type":20,"value":158},{"type":20,"value":1635}," property. You can also specify ",{"type":14,"tag":35,"props":1637,"children":1638},{},[1639],{"type":20,"value":1640},"target",{"type":20,"value":1642}," and ",{"type":14,"tag":35,"props":1644,"children":1645},{},[1646],{"type":20,"value":1647},"rel",{"type":20,"value":1649}," properties.",{"type":14,"tag":29,"props":1651,"children":1652},{},[1653,1655,1659,1661,1665,1667,1672],{"type":20,"value":1654},"The ",{"type":14,"tag":35,"props":1656,"children":1657},{},[1658],{"type":20,"value":327},{"type":20,"value":1660}," component is well integrated with the Vue Router plugin and will be converted to a ",{"type":14,"tag":35,"props":1662,"children":1663},{},[1664],{"type":20,"value":334},{"type":20,"value":1666}," when using the ",{"type":14,"tag":35,"props":1668,"children":1669},{},[1670],{"type":20,"value":1671},"to",{"type":20,"value":1673}," property.",{"type":14,"tag":43,"props":1675,"children":1676},{},[1677,1684],{"type":14,"tag":47,"props":1678,"children":1679},{"v-slot:preview":7},[1680],{"type":14,"tag":51,"props":1681,"children":1683},{"src":1682},"/components/INav/examples/routing",[],{"type":14,"tag":47,"props":1685,"children":1686},{"v-slot:vue":7},[1687],{"type":14,"tag":59,"props":1688,"children":1691},{"className":1689,"code":1690,"language":64,"meta":7},[62],"\u003Ctemplate>\n    \u003CINav>\n        \u003CINavItem href=\"https://inkline.io\">Link\u003C/INavItem>\n        \u003CINavItem :to=\"{ path: '/docs/components/nav' }\">Router Link\u003C/INavItem>\n    \u003C/INav>\n\u003C/template>\n\n",[1692],{"type":14,"tag":67,"props":1693,"children":1694},{},[1695],{"type":14,"tag":59,"props":1696,"children":1697},{"__ignoreMap":7},[1698,1713,1728,1767,1806,1821],{"type":14,"tag":74,"props":1699,"children":1700},{"class":76,"line":77},[1701,1705,1709],{"type":14,"tag":74,"props":1702,"children":1703},{"class":81},[1704],{"type":20,"value":84},{"type":14,"tag":74,"props":1706,"children":1707},{"class":87},[1708],{"type":20,"value":47},{"type":14,"tag":74,"props":1710,"children":1711},{"class":81},[1712],{"type":20,"value":94},{"type":14,"tag":74,"props":1714,"children":1715},{"class":76,"line":97},[1716,1720,1724],{"type":14,"tag":74,"props":1717,"children":1718},{"class":81},[1719],{"type":20,"value":103},{"type":14,"tag":74,"props":1721,"children":1722},{"class":106},[1723],{"type":20,"value":109},{"type":14,"tag":74,"props":1725,"children":1726},{"class":81},[1727],{"type":20,"value":94},{"type":14,"tag":74,"props":1729,"children":1730},{"class":76,"line":138},[1731,1735,1739,1743,1747,1751,1755,1759,1763],{"type":14,"tag":74,"props":1732,"children":1733},{"class":81},[1734],{"type":20,"value":144},{"type":14,"tag":74,"props":1736,"children":1737},{"class":106},[1738],{"type":20,"value":149},{"type":14,"tag":74,"props":1740,"children":1741},{"class":81},[1742],{"type":20,"value":114},{"type":14,"tag":74,"props":1744,"children":1745},{"class":117},[1746],{"type":20,"value":158},{"type":14,"tag":74,"props":1748,"children":1749},{"class":81},[1750],{"type":20,"value":125},{"type":14,"tag":74,"props":1752,"children":1753},{"class":128},[1754],{"type":20,"value":167},{"type":14,"tag":74,"props":1756,"children":1757},{"class":81},[1758],{"type":20,"value":172},{"type":14,"tag":74,"props":1760,"children":1761},{"class":106},[1762],{"type":20,"value":149},{"type":14,"tag":74,"props":1764,"children":1765},{"class":81},[1766],{"type":20,"value":94},{"type":14,"tag":74,"props":1768,"children":1769},{"class":76,"line":183},[1770,1774,1778,1782,1786,1790,1794,1798,1802],{"type":14,"tag":74,"props":1771,"children":1772},{"class":81},[1773],{"type":20,"value":144},{"type":14,"tag":74,"props":1775,"children":1776},{"class":106},[1777],{"type":20,"value":149},{"type":14,"tag":74,"props":1779,"children":1780},{"class":81},[1781],{"type":20,"value":114},{"type":14,"tag":74,"props":1783,"children":1784},{"class":117},[1785],{"type":20,"value":201},{"type":14,"tag":74,"props":1787,"children":1788},{"class":81},[1789],{"type":20,"value":125},{"type":14,"tag":74,"props":1791,"children":1792},{"class":128},[1793],{"type":20,"value":210},{"type":14,"tag":74,"props":1795,"children":1796},{"class":81},[1797],{"type":20,"value":215},{"type":14,"tag":74,"props":1799,"children":1800},{"class":106},[1801],{"type":20,"value":149},{"type":14,"tag":74,"props":1803,"children":1804},{"class":81},[1805],{"type":20,"value":94},{"type":14,"tag":74,"props":1807,"children":1808},{"class":76,"line":226},[1809,1813,1817],{"type":14,"tag":74,"props":1810,"children":1811},{"class":81},[1812],{"type":20,"value":291},{"type":14,"tag":74,"props":1814,"children":1815},{"class":106},[1816],{"type":20,"value":109},{"type":14,"tag":74,"props":1818,"children":1819},{"class":81},[1820],{"type":20,"value":94},{"type":14,"tag":74,"props":1822,"children":1823},{"class":76,"line":251},[1824,1828,1832],{"type":14,"tag":74,"props":1825,"children":1826},{"class":81},[1827],{"type":20,"value":308},{"type":14,"tag":74,"props":1829,"children":1830},{"class":87},[1831],{"type":20,"value":47},{"type":14,"tag":74,"props":1833,"children":1834},{"class":81},[1835],{"type":20,"value":317},{"type":14,"tag":1837,"props":1838,"children":1840},"h4",{"id":1839},"active-state",[1841],{"type":20,"value":1842},"Active State",{"type":14,"tag":29,"props":1844,"children":1845},{},[1846,1848,1852,1854,1859,1861,1865,1867,1872,1874,1879,1880,1885,1887,1892],{"type":20,"value":1847},"You can control the active state of your ",{"type":14,"tag":35,"props":1849,"children":1850},{},[1851],{"type":20,"value":327},{"type":20,"value":1853}," using the ",{"type":14,"tag":35,"props":1855,"children":1856},{},[1857],{"type":20,"value":1858},"active",{"type":20,"value":1860}," property. When you provide a ",{"type":14,"tag":35,"props":1862,"children":1863},{},[1864],{"type":20,"value":1671},{"type":20,"value":1866}," property you're converting the component into a ",{"type":14,"tag":35,"props":1868,"children":1869},{},[1870],{"type":20,"value":1871},"router-link",{"type":20,"value":1873},", therefore you can use the ",{"type":14,"tag":35,"props":1875,"children":1876},{},[1877],{"type":20,"value":1878},"active-class",{"type":20,"value":1642},{"type":14,"tag":35,"props":1881,"children":1882},{},[1883],{"type":20,"value":1884},"exact-active-class",{"type":20,"value":1886}," properties and set them to ",{"type":14,"tag":35,"props":1888,"children":1889},{},[1890],{"type":20,"value":1891},"-active",{"type":20,"value":387},{"type":14,"tag":43,"props":1894,"children":1895},{},[1896,1903],{"type":14,"tag":47,"props":1897,"children":1898},{"v-slot:preview":7},[1899],{"type":14,"tag":51,"props":1900,"children":1902},{"src":1901},"/components/INav/examples/state-active",[],{"type":14,"tag":47,"props":1904,"children":1905},{"v-slot:vue":7},[1906],{"type":14,"tag":59,"props":1907,"children":1910},{"className":1908,"code":1909,"language":64,"meta":7},[62],"\u003Ctemplate>\n    \u003CINav>\n        \u003CINavItem :to=\"{ path: '/docs/components/nav' }\" exact-active-class=\"-active\">\n            Active Router Link\n        \u003C/INavItem>\n        \u003CINavItem active> Active Item \u003C/INavItem>\n    \u003C/INav>\n\u003C/template>\n\n",[1911],{"type":14,"tag":67,"props":1912,"children":1913},{},[1914],{"type":14,"tag":59,"props":1915,"children":1916},{"__ignoreMap":7},[1917,1932,1947,1995,2003,2019,2051,2066],{"type":14,"tag":74,"props":1918,"children":1919},{"class":76,"line":77},[1920,1924,1928],{"type":14,"tag":74,"props":1921,"children":1922},{"class":81},[1923],{"type":20,"value":84},{"type":14,"tag":74,"props":1925,"children":1926},{"class":87},[1927],{"type":20,"value":47},{"type":14,"tag":74,"props":1929,"children":1930},{"class":81},[1931],{"type":20,"value":94},{"type":14,"tag":74,"props":1933,"children":1934},{"class":76,"line":97},[1935,1939,1943],{"type":14,"tag":74,"props":1936,"children":1937},{"class":81},[1938],{"type":20,"value":103},{"type":14,"tag":74,"props":1940,"children":1941},{"class":106},[1942],{"type":20,"value":109},{"type":14,"tag":74,"props":1944,"children":1945},{"class":81},[1946],{"type":20,"value":94},{"type":14,"tag":74,"props":1948,"children":1949},{"class":76,"line":138},[1950,1954,1958,1962,1966,1970,1974,1978,1982,1986,1991],{"type":14,"tag":74,"props":1951,"children":1952},{"class":81},[1953],{"type":20,"value":144},{"type":14,"tag":74,"props":1955,"children":1956},{"class":106},[1957],{"type":20,"value":149},{"type":14,"tag":74,"props":1959,"children":1960},{"class":81},[1961],{"type":20,"value":114},{"type":14,"tag":74,"props":1963,"children":1964},{"class":117},[1965],{"type":20,"value":201},{"type":14,"tag":74,"props":1967,"children":1968},{"class":81},[1969],{"type":20,"value":125},{"type":14,"tag":74,"props":1971,"children":1972},{"class":128},[1973],{"type":20,"value":210},{"type":14,"tag":74,"props":1975,"children":1976},{"class":81},[1977],{"type":20,"value":114},{"type":14,"tag":74,"props":1979,"children":1980},{"class":117},[1981],{"type":20,"value":1884},{"type":14,"tag":74,"props":1983,"children":1984},{"class":81},[1985],{"type":20,"value":125},{"type":14,"tag":74,"props":1987,"children":1988},{"class":128},[1989],{"type":20,"value":1990},"\"-active\"",{"type":14,"tag":74,"props":1992,"children":1993},{"class":81},[1994],{"type":20,"value":94},{"type":14,"tag":74,"props":1996,"children":1997},{"class":76,"line":183},[1998],{"type":14,"tag":74,"props":1999,"children":2000},{"class":81},[2001],{"type":20,"value":2002},"            Active Router Link\n",{"type":14,"tag":74,"props":2004,"children":2005},{"class":76,"line":226},[2006,2011,2015],{"type":14,"tag":74,"props":2007,"children":2008},{"class":81},[2009],{"type":20,"value":2010},"        \u003C/",{"type":14,"tag":74,"props":2012,"children":2013},{"class":106},[2014],{"type":20,"value":149},{"type":14,"tag":74,"props":2016,"children":2017},{"class":81},[2018],{"type":20,"value":94},{"type":14,"tag":74,"props":2020,"children":2021},{"class":76,"line":251},[2022,2026,2030,2034,2038,2043,2047],{"type":14,"tag":74,"props":2023,"children":2024},{"class":81},[2025],{"type":20,"value":144},{"type":14,"tag":74,"props":2027,"children":2028},{"class":106},[2029],{"type":20,"value":149},{"type":14,"tag":74,"props":2031,"children":2032},{"class":81},[2033],{"type":20,"value":114},{"type":14,"tag":74,"props":2035,"children":2036},{"class":117},[2037],{"type":20,"value":1858},{"type":14,"tag":74,"props":2039,"children":2040},{"class":81},[2041],{"type":20,"value":2042},"> Active Item \u003C/",{"type":14,"tag":74,"props":2044,"children":2045},{"class":106},[2046],{"type":20,"value":149},{"type":14,"tag":74,"props":2048,"children":2049},{"class":81},[2050],{"type":20,"value":94},{"type":14,"tag":74,"props":2052,"children":2053},{"class":76,"line":285},[2054,2058,2062],{"type":14,"tag":74,"props":2055,"children":2056},{"class":81},[2057],{"type":20,"value":291},{"type":14,"tag":74,"props":2059,"children":2060},{"class":106},[2061],{"type":20,"value":109},{"type":14,"tag":74,"props":2063,"children":2064},{"class":81},[2065],{"type":20,"value":94},{"type":14,"tag":74,"props":2067,"children":2068},{"class":76,"line":302},[2069,2073,2077],{"type":14,"tag":74,"props":2070,"children":2071},{"class":81},[2072],{"type":20,"value":308},{"type":14,"tag":74,"props":2074,"children":2075},{"class":87},[2076],{"type":20,"value":47},{"type":14,"tag":74,"props":2078,"children":2079},{"class":81},[2080],{"type":20,"value":317},{"type":14,"tag":364,"props":2082,"children":2084},{"id":2083},"props",[2085],{"type":20,"value":2086},"Props",{"type":14,"tag":2088,"props":2089,"children":2091},"h5",{"id":2090},"inav",[2092],{"type":20,"value":109},{"type":14,"tag":2094,"props":2095,"children":2096},"content-component-props",{"component":109},[],{"type":14,"tag":2088,"props":2098,"children":2100},{"id":2099},"inavitem",[2101],{"type":20,"value":149},{"type":14,"tag":2094,"props":2103,"children":2104},{"component":149},[],{"type":14,"tag":364,"props":2106,"children":2108},{"id":2107},"slots",[2109],{"type":20,"value":2110},"Slots",{"type":14,"tag":2088,"props":2112,"children":2114},{"id":2113},"inav-1",[2115],{"type":20,"value":109},{"type":14,"tag":2117,"props":2118,"children":2119},"content-component-slots",{"component":109},[],{"type":14,"tag":2088,"props":2121,"children":2123},{"id":2122},"inavitem-1",[2124],{"type":20,"value":149},{"type":14,"tag":2117,"props":2126,"children":2127},{"component":149},[],{"type":14,"tag":364,"props":2129,"children":2131},{"id":2130},"design-tokens",[2132],{"type":20,"value":2133},"Design Tokens",{"type":14,"tag":2088,"props":2135,"children":2137},{"id":2136},"inavitem-2",[2138],{"type":20,"value":149},{"type":14,"tag":2140,"props":2141,"children":2142},"content-component-design-tokens",{"component":149},[],{"type":14,"tag":2144,"children":2145},"style",[2146],{"type":20,"value":2147},".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":2149},[2150],{"id":25,"depth":97,"text":9,"children":2151},[2152,2153,2154,2155,2156,2157,2158],{"id":366,"depth":138,"text":369},{"id":614,"depth":138,"text":617},{"id":1154,"depth":138,"text":1157},{"id":1615,"depth":138,"text":1618},{"id":2083,"depth":138,"text":2086},{"id":2107,"depth":138,"text":2110},{"id":2130,"depth":138,"text":2133},"markdown","content:docs:components:nav.md","content","docs/components/nav.md",1794582258873]