[{"data":1,"prerenderedAt":111},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Fskeleton":3,"component-meta:UiSkeleton":86},{"id":4,"title":5,"body":6,"component":73,"dependsOn":74,"description":75,"emitDescriptions":76,"extension":77,"meta":78,"navigation":79,"order":80,"path":81,"seo":82,"status":83,"stem":84,"__hash__":85},"docs\u002Fdocs\u002Fcomponents\u002Fskeleton.md","Skeleton",{"type":7,"value":8,"toc":64},"minimark",[9,14,19,23,26,30,34,38,41,45,57],[10,11,13],"h2",{"id":12},"приклад","Приклад",[15,16],"component-preview",{"name":17,"stage":18},"skeleton-card","min-h-56",[10,20,22],{"id":21},"api","API",[24,25],"component-api",{},[10,27,29],{"id":28},"коли-використовувати","Коли використовувати",[31,32,33],"p",{},"Коли розмір і форма майбутнього вмісту відомі наперед: картка, рядок\nтаблиці, список. Скелетон тоді працює як обіцянка макета й прибирає стрибок\nверстки при появі даних.",[10,35,37],{"id":36},"коли-не-використовувати","Коли НЕ використовувати",[31,39,40],{},"Якщо форма вмісту невідома — беріть звичайний індикатор. Скелетон, що не\nзбігається з тим, що з'явиться, гірший за спінер: він обіцяє одне, а\nпоказує інше.",[10,42,44],{"id":43},"доступність","Доступність",[31,46,47,48,52,53,56],{},"Сам скелетон має ",[49,50,51],"code",{},"aria-hidden",": він нічого не повідомляє. Стан завантаження\nмає оголошувати контейнер через ",[49,54,55],{},"aria-busy"," — інакше скрінрідер зачитає\nпорожні прямокутники.",[31,58,59,60,63],{},"Анімація вимикається за ",[49,61,62],{},"prefers-reduced-motion",".",{"title":65,"searchDepth":66,"depth":66,"links":67},"",2,[68,69,70,71,72],{"id":12,"depth":66,"text":13},{"id":21,"depth":66,"text":22},{"id":28,"depth":66,"text":29},{"id":36,"depth":66,"text":37},{"id":43,"depth":66,"text":44},"UiSkeleton",[],"Заглушка завантаження, що повторює геометрію реального вмісту.",{},"md",{},true,14,"\u002Fdocs\u002Fcomponents\u002Fskeleton",{"title":5,"description":75},"stable","docs\u002Fcomponents\u002Fskeleton","VvO1ZomEkLyYP7Er0reo_ns6FefCvCVy4dCG_VXx2To",{"mode":87,"prefetch":88,"preload":88,"filePath":89,"declarationPath":90,"pascalName":73,"kebabName":91,"chunkName":92,"priority":93,"_scanned":79,"meta":94},"all",false,"app\u002Fcomponents\u002Fui\u002FUiSkeleton.vue","C:\u002Fproject-DS\u002FtatetUI\u002Fapp\u002Fcomponents\u002Fui\u002FUiSkeleton.vue","ui-skeleton","components\u002Fui-skeleton",1,{"type":93,"props":95,"slots":107,"events":108,"exposed":109,"hash":110},[96],{"name":97,"global":88,"default":98,"description":99,"tags":100,"required":88,"type":101,"schema":102},"rounded","\"control\"","Форма кутів. `full` — для кола на місці аватара.",[],"\"control\" | \"card\" | \"full\"",{"kind":103,"type":101,"schema":104},"enum",{"0":98,"1":105,"2":106},"\"card\"","\"full\"",[],[],[],"9UY66c9kI3eYzYjibgpCbVhIWgp0zkHqLh4rnepirDE",1788072639727]