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