[{"data":1,"prerenderedAt":171},["ShallowReactive",2],{"docs:\u002Fdocs\u002Fcomponents\u002Fchip":3,"component-meta:UiChip":91},{"id":4,"title":5,"body":6,"component":77,"dependsOn":78,"description":79,"emitDescriptions":80,"extension":82,"meta":83,"navigation":84,"order":85,"path":86,"seo":87,"status":88,"stem":89,"__hash__":90},"docs\u002Fdocs\u002Fcomponents\u002Fchip.md","Chip",{"type":7,"value":8,"toc":68},"minimark",[9,14,18,22,25,29,33,37,49,53],[10,11,13],"h2",{"id":12},"тони","Тони",[15,16],"component-preview",{"name":17},"chip-tones",[10,19,21],{"id":20},"api","API",[23,24],"component-api",{},[10,26,28],{"id":27},"коли-використовувати","Коли використовувати",[30,31,32],"p",{},"Для стану сутності в списку чи таблиці: статус публікації, роль, тег.",[10,34,36],{"id":35},"коли-не-використовувати","Коли НЕ використовувати",[30,38,39,40,44,45,48],{},"Не передавайте статус лише кольором. Тон — підсилення, а не носій сенсу:\n",[41,42,43],"code",{},"dot"," без тексту потребує ",[41,46,47],{},"label",", інакше стан недоступний для скрінрідера\nй невидимий для дальтоніка.",[10,50,52],{"id":51},"доступність","Доступність",[30,54,55,56,59,60,63,64,67],{},"Семантичний тег обирається за інтерактивністю, а не за виглядом:\n",[41,57,58],{},"clickable"," перетворює чип на ",[41,61,62],{},"\u003Cbutton>",". ",[41,65,66],{},"\u003Cdiv @click>"," недоступний із\nклавіатури й не має ролі.",{"title":69,"searchDepth":70,"depth":70,"links":71},"",2,[72,73,74,75,76],{"id":12,"depth":70,"text":13},{"id":20,"depth":70,"text":21},{"id":27,"depth":70,"text":28},{"id":35,"depth":70,"text":36},{"id":51,"depth":70,"text":52},"UiChip",[],"Компактна позначка статусу з шістьма смисловими тонами.",{"click":81},"Клік. Спрацьовує лише коли задано `clickable`.","md",{},true,13,"\u002Fdocs\u002Fcomponents\u002Fchip",{"title":5,"description":79},"stable","docs\u002Fcomponents\u002Fchip","zQV-dgl4YPbuf8edCwOkrMKnspj-XltVBNYq2f6nr9c",{"mode":92,"prefetch":93,"preload":93,"filePath":94,"declarationPath":95,"pascalName":77,"kebabName":96,"chunkName":97,"priority":98,"_scanned":84,"meta":99},"all",false,"app\u002Fcomponents\u002Fui\u002FUiChip.vue","C:\u002Fproject-DS\u002FtatetUI\u002Fapp\u002Fcomponents\u002Fui\u002FUiChip.vue","ui-chip","components\u002Fui-chip",1,{"type":98,"props":100,"slots":145,"events":155,"exposed":169,"hash":170},[101,115,124,128,132,140],{"name":102,"global":93,"default":103,"description":104,"tags":105,"required":93,"type":106,"schema":107},"tone","\"neutral\"","Смисловий колір. Кожен тон бере трійку токенів: текст \u002F фон \u002F межа.",[],"\"neutral\" | \"accent\" | \"success\" | \"warning\" | \"danger\" | \"info\"",{"kind":108,"type":106,"schema":109},"enum",{"0":103,"1":110,"2":111,"3":112,"4":113,"5":114},"\"accent\"","\"success\"","\"warning\"","\"danger\"","\"info\"",{"name":116,"global":93,"default":117,"description":118,"tags":119,"required":93,"type":120,"schema":121},"size","\"xs\"","Висота чипа. На мобільному кожен розмір вищий за десктопний.",[],"\"xs\" | \"sm\"",{"kind":108,"type":120,"schema":122},{"0":117,"1":123},"\"sm\"",{"name":47,"global":93,"description":125,"tags":126,"required":93,"type":127,"schema":127},"Доступна назва. Потрібна, коли чип показує лише крапку чи іконку.",[],"string",{"name":129,"global":93,"description":130,"tags":131,"required":93,"type":127,"schema":127},"title","Значення нативного `title`. Потрібне, коли текст чипа обрізано.",[],{"name":58,"global":93,"description":133,"tags":134,"required":93,"type":135,"schema":136},"Робить чип інтерактивним: рендериться як `button`, отримує роль і\r\nстає доступним із клавіатури.",[],"boolean",{"kind":108,"type":135,"schema":137},{"0":138,"1":139},"false","true",{"name":43,"global":93,"description":141,"tags":142,"required":93,"type":135,"schema":143},"Кольорова крапка замість іконки — компактний індикатор статусу.",[],{"kind":108,"type":135,"schema":144},{"0":138,"1":139},[146,151],{"name":147,"type":148,"description":149,"tags":150,"schema":148},"default","any","Текст чипа.",[],{"name":152,"type":148,"description":153,"tags":154,"schema":148},"icon","Іконка перед текстом. Ігнорується, якщо задано `dot`.",[],[156],{"name":157,"description":69,"tags":158,"type":159,"signature":160,"schema":161},"click",[],"[event: MouseEvent]","(event: \"click\", event: MouseEvent): void",[162],{"kind":163,"type":164,"schema":165},"object","MouseEvent",{"name":166,"global":93,"description":167,"tags":168,"required":84,"type":127,"schema":127},"type","The **`type`** read-only property of the Event interface returns a string containing the event's type.\n\n[MDN Reference](https:\u002F\u002Fdeveloper.mozilla.org\u002Fdocs\u002FWeb\u002FAPI\u002FEvent\u002Ftype)",[],[],"DXajt85kiY37AEi5l9s5szbidSRc8iBpWdglVKupUUI",1788072639717]