[{"data":1,"prerenderedAt":241},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Fpage-header":3,"component-meta:UiPageHeader":152},{"id":4,"title":5,"body":6,"component":113,"dependsOn":140,"description":141,"emitDescriptions":142,"extension":143,"meta":144,"navigation":145,"order":146,"path":147,"seo":148,"status":149,"stem":150,"__hash__":151},"docs\u002Fdocs\u002Fcomponents\u002Fpage-header.md","PageHeader",{"type":7,"value":8,"toc":131},"minimark",[9,13,18,23,34,38,42,45,49,67,71,87,91,104,121],[10,11,12],"p",{},"Кожен продуктовий екран починається однаково: де я (крихти або «Назад»),\nщо це (назва й опис), у якому воно стані (метадані) і що з ним зробити\n(дії). У вихідних проєктах ця шапка написана заново на кожній сторінці — з\nрізними відступами, кеглями й поведінкою на мобільному.",[14,15],"component-preview",{"name":16,"stage":17},"page-header-basic","min-h-56",[19,20,22],"h2",{"id":21},"посилання-назад-і-аватар","Посилання «Назад» і аватар",[10,24,25,29,30,33],{},[26,27,28],"code",{},"backTo"," — маршрут, а не ",[26,31,32],{},"history.back()",": сторінку часто відкривають за\nпрямим посиланням, і «назад» в історії вивів би з застосунку взагалі.\nТекст краще конкретний — «До замовлень», а не просто «Назад».",[14,35],{"name":36,"stage":37},"page-header-back","min-h-40",[19,39,41],{"id":40},"api","API",[43,44],"component-api",{},[19,46,48],{"id":47},"коли-використовувати","Коли використовувати",[50,51,52,56],"ul",{},[53,54,55],"li",{},"Верх кожної сторінки застосунку: список, картка запису, налаштування.",[53,57,58,59,62,63,66],{},"Шапка розділу всередині сторінки — з ",[26,60,61],{},"as=\"h2\""," і меншим ",[26,64,65],{},"size",".",[19,68,70],{"id":69},"коли-не-використовувати","Коли НЕ використовувати",[50,72,73,76],{},[53,74,75],{},"Для маркетингового hero з великою типографікою — у шапки інша роль і\nінший ритм.",[53,77,78,79,82,83,86],{},"Для заголовка картки. У ",[26,80,81],{},"UiCard"," є слот ",[26,84,85],{},"header"," з власними відступами.",[19,88,90],{"id":89},"доступність","Доступність",[10,92,93,94,97,98,100,101,103],{},"Рівень заголовка (",[26,95,96],{},"as",") і кегль (",[26,99,65],{},") — окремі props. Семантика й вигляд\n— різні рішення: шапка розділу мусить бути ",[26,102,19],{},", навіть якщо дизайн хоче\nдля неї великий кегль, інакше структура сторінки для скрінрідера ламається.",[10,105,106,107,110,111,114,115,117,118,66],{},"На сторінці — рівно один ",[26,108,109],{},"h1",". Коли ",[26,112,113],{},"UiPageHeader"," стоїть усередині\nкартки чи панелі, передавайте ",[26,116,61],{}," або ",[26,119,120],{},"as=\"h3\"",[10,122,123,124,127,128,66],{},"Дії переносяться під назву цілим рядком, а не стискають заголовок у\nстовпчик: у шапці працює ",[26,125,126],{},"flex-wrap"," з базовою шириною назви, а не сітка з\nфіксованою колонкою дій. Посилання «Назад» — рядок тексту заввишки 20px,\nтож на дотику його ціль добудовує невидима зона 45px, як у ",[26,129,130],{},"UiButton",{"title":132,"searchDepth":133,"depth":133,"links":134},"",2,[135,136,137,138,139],{"id":21,"depth":133,"text":22},{"id":40,"depth":133,"text":41},{"id":47,"depth":133,"text":48},{"id":69,"depth":133,"text":70},{"id":89,"depth":133,"text":90},[],"Шапка сторінки чи розділу — крихти, назва, опис, метадані, дії й вкладки в одному каркасі.",{},"md",{},true,5,"\u002Fdocs\u002Fcomponents\u002Fpage-header",{"title":5,"description":141},"stable","docs\u002Fcomponents\u002Fpage-header","KR8lQv7DfLy2fVjigItdgc-z7H01_mkQHqmdxIa76bI",{"mode":153,"prefetch":154,"preload":154,"filePath":155,"declarationPath":156,"pascalName":113,"kebabName":157,"chunkName":158,"priority":159,"_scanned":145,"meta":160},"all",false,"app\u002Fcomponents\u002Fui\u002FUiPageHeader.vue","\u002Fapp\u002Fapp\u002Fcomponents\u002Fui\u002FUiPageHeader.vue","ui-page-header","components\u002Fui-page-header",1,{"type":159,"props":161,"slots":213,"events":238,"exposed":239,"hash":240},[162,168,178,183,192,199,204],{"name":163,"global":154,"default":164,"description":165,"tags":166,"required":154,"type":167,"schema":167},"title","\"\"","Назва сторінки чи розділу. Замінюється слотом `title`.",[],"string",{"name":65,"global":154,"default":169,"description":170,"tags":171,"required":154,"type":172,"schema":173},"\"md\"","Кегль назви. Розведено з `as`: семантика і вигляд — різні рішення.",[],"\"lg\" | \"sm\" | \"md\"",{"kind":174,"type":172,"schema":175},"enum",{"0":176,"1":177,"2":169},"\"lg\"","\"sm\"",{"name":179,"global":154,"default":180,"description":181,"tags":182,"required":154,"type":167,"schema":167},"description","undefined","Один-два речення під назвою: що тут відбувається або що зробити.",[],{"name":96,"global":154,"default":184,"description":185,"tags":186,"required":154,"type":187,"schema":188},"\"h1\"","Рівень заголовка. `h1` — шапка сторінки (одна на сторінку); `h2` —\nшапка розділу чи панелі всередині неї. Вигляд від рівня не залежить —\nйого задає `size`.",[],"\"h1\" | \"h2\" | \"h3\"",{"kind":174,"type":187,"schema":189},{"0":184,"1":190,"2":191},"\"h2\"","\"h3\"",{"name":28,"global":154,"default":180,"description":193,"tags":194,"required":154,"type":195,"schema":196},"Маршрут посилання «Назад» над назвою. Посилання, а не `history.back()`:\nсторінку часто відкривають за прямим посиланням, і «назад» у історії\nвивів би з застосунку взагалі.",[],"string | Record\u003Cstring, unknown>",{"kind":174,"type":195,"schema":197},{"0":167,"1":198},"Record\u003Cstring, unknown>",{"name":200,"global":154,"default":201,"description":202,"tags":203,"required":154,"type":167,"schema":167},"backLabel","\"Назад\"","Текст посилання «Назад»: краще конкретний — «До замовлень».",[],{"name":205,"global":154,"default":206,"description":207,"tags":208,"required":154,"type":209,"schema":210},"divider","false","Межа під шапкою — коли далі одразу йде вміст без власної рамки.",[],"boolean",{"kind":174,"type":209,"schema":211},{"0":206,"1":212},"true",[214,219,223,226,230,234],{"name":215,"type":216,"description":217,"tags":218,"schema":216},"breadcrumb","any","Крихти над назвою — зазвичай `UiBreadcrumb`. Замінює посилання «Назад».",[],{"name":220,"type":216,"description":221,"tags":222,"schema":216},"leading","Аватар, іконка чи логотип ліворуч від назви.",[],{"name":163,"type":216,"description":224,"tags":225,"schema":216},"Власний вміст заголовка замість `title`: назва з чипом статусу.",[],{"name":227,"type":216,"description":228,"tags":229,"schema":216},"meta","Рядок метаданих під назвою: чипи, дати, автор.",[],{"name":231,"type":216,"description":232,"tags":233,"schema":216},"actions","Дії сторінки. На мобільному переносяться під назву.",[],{"name":235,"type":216,"description":236,"tags":237,"schema":216},"default","Вміст під шапкою в її межах — найчастіше вкладки розділу.",[],[],[],"rLh2wQpz8TuaEHwVgqi0wi2jy0c--4u_Htg5CwEM_U4",1792004323342]