[{"data":1,"prerenderedAt":165},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Fcard":3,"component-meta:UiCard":113},{"id":4,"title":5,"body":6,"component":100,"dependsOn":101,"description":102,"emitDescriptions":103,"extension":104,"meta":105,"navigation":106,"order":107,"path":108,"seo":109,"status":110,"stem":111,"__hash__":112},"docs\u002Fdocs\u002Fcomponents\u002Fcard.md","Card",{"type":7,"value":8,"toc":91},"minimark",[9,29,34,38,42,45,49,56,60,63,66,70],[10,11,12,13,17,18,21,22,21,25,28],"p",{},"У чотирьох проєктах «картка» — це десятки інлайн-наборів\n",[14,15,16],"code",{},"rounded border bg p-*",", кожен зі своїм радіусом і тінню. Тут — одна\nкартка на токенах ",[14,19,20],{},"--radius-card",", ",[14,23,24],{},"--bg-card",[14,26,27],{},"--shadow-card",", тож усі\nповерхні застосунку однакові.",[30,31,33],"h2",{"id":32},"приклад","Приклад",[35,36],"component-preview",{"name":37},"card-basic",[30,39,41],{"id":40},"api","API",[43,44],"component-api",{},[30,46,48],{"id":47},"коли-використовувати","Коли використовувати",[10,50,51,52,55],{},"Як поверхня для групування: карточки статистики, елементи списку,\nпанель налаштувань. ",[14,53,54],{},"hoverable"," — лише коли ВСЯ картка клікабельна.",[30,57,59],{"id":58},"коли-не-використовувати","Коли НЕ використовувати",[10,61,62],{},"Не вкладайте картку в картку: замість ієрархії виходить рамка в рамці.\nДля вкладених секцій використовуйте заголовки й відступи.",[10,64,65],{},"Не будуйте модалки з карток — є Modal, і він керує фокусом і стеком.",[30,67,69],{"id":68},"доступність","Доступність",[10,71,72,74,75,78,79,82,83,86,87,90],{},[14,73,54],{}," підсилює лише візуально; для клікабельної картки корінь має\nбути ",[14,76,77],{},"\u003Ca>","\u002F",[14,80,81],{},"\u003Cbutton>"," (",[14,84,85],{},"as=\"...\""," + власний обробник) — ",[14,88,89],{},"\u003Cdiv @click>","\nнедоступний із клавіатури.",{"title":92,"searchDepth":93,"depth":93,"links":94},"",2,[95,96,97,98,99],{"id":32,"depth":93,"text":33},{"id":40,"depth":93,"text":41},{"id":47,"depth":93,"text":48},{"id":58,"depth":93,"text":59},{"id":68,"depth":93,"text":69},"UiCard",[],"Контейнер-картка з шапкою, тілом і підвалом на токенах поверхонь.",{},"md",{},true,26,"\u002Fdocs\u002Fcomponents\u002Fcard",{"title":5,"description":102},"stable","docs\u002Fcomponents\u002Fcard","kd2no0oL0aQEZBadZfa3uus-s2rFfueitLZc8m_JRMI",{"mode":114,"prefetch":115,"preload":115,"filePath":116,"declarationPath":117,"pascalName":100,"kebabName":118,"chunkName":119,"priority":120,"_scanned":106,"meta":121},"all",false,"app\u002Fcomponents\u002Fui\u002FUiCard.vue","C:\u002Fproject-DS\u002FtatetUI\u002Fapp\u002Fcomponents\u002Fui\u002FUiCard.vue","ui-card","components\u002Fui-card",1,{"type":120,"props":122,"slots":148,"events":162,"exposed":163,"hash":164},[123,129,140],{"name":124,"global":115,"default":125,"description":126,"tags":127,"required":115,"type":128,"schema":128},"as","\"div\"","HTML-тег кореня: `section`, `article`, `li`…",[],"string",{"name":130,"global":115,"default":131,"description":132,"tags":133,"required":115,"type":134,"schema":135},"padding","\"md\"","Внутрішні відступи тіла. Шапка й підвал мають власні.",[],"\"md\" | \"sm\" | \"none\"",{"kind":136,"type":134,"schema":137},"enum",{"0":131,"1":138,"2":139},"\"sm\"","\"none\"",{"name":54,"global":115,"default":141,"description":142,"tags":143,"required":115,"type":144,"schema":145},"false","Підйом при наведенні — для клікабельних карток.",[],"boolean",{"kind":136,"type":144,"schema":146},{"0":141,"1":147},"true",[149,154,158],{"name":150,"type":151,"description":152,"tags":153,"schema":151},"default","any","Тіло картки.",[],{"name":155,"type":151,"description":156,"tags":157,"schema":151},"header","Шапка з нижньою межею: заголовок, дії.",[],{"name":159,"type":151,"description":160,"tags":161,"schema":151},"footer","Підвал з верхньою межею: кнопки, метадані.",[],[],[],"pujdUcEq6Ggml4g_IhskvoVdhNKAFCwUAmHWxKYg8-0",1788072639716]