[{"data":1,"prerenderedAt":471},["ShallowReactive",2],{"navigation_docs":3,"-components-listmonkinputgroup":51,"-components-listmonkinputgroup-surround":468},[4,15,37],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":14},"Introduction","i-lucide-star","\u002Fintroduction","1.introduction",[10],{"title":11,"path":12,"stem":13},"Getting Started","\u002Fintroduction\u002Fgetting-started","1.introduction\u002F1.getting-started",false,{"title":16,"icon":17,"path":18,"stem":19,"children":20,"page":14},"Components","i-lucide-box","\u002Fcomponents","2.components",[21,25,29,33],{"title":22,"path":23,"stem":24},"ListmonkForm","\u002Fcomponents\u002Flistmonkform","2.components\u002F1.ListmonkForm",{"title":26,"path":27,"stem":28},"ListmonkInputGroup","\u002Fcomponents\u002Flistmonkinputgroup","2.components\u002F2.ListmonkInputGroup",{"title":30,"path":31,"stem":32},"ListmonkInput","\u002Fcomponents\u002Flistmonkinput","2.components\u002F3.ListmonkInput",{"title":34,"path":35,"stem":36},"ListmonkButton","\u002Fcomponents\u002Flistmonkbutton","2.components\u002F4.ListmonkButton",{"title":38,"icon":39,"path":40,"stem":41,"children":42,"page":14},"API","i-lucide-bookmark","\u002Fapi","3.api",[43,47],{"title":44,"path":45,"stem":46},"Composables","\u002Fapi\u002Fcomposables","3.api\u002F1.composables",{"title":48,"path":49,"stem":50},"Subscription hooks","\u002Fapi\u002Fsubscription-hooks","3.api\u002F2.subscription-hooks",{"id":52,"title":26,"body":53,"description":85,"extension":463,"links":464,"meta":465,"navigation":372,"path":27,"seo":466,"stem":28,"__hash__":467},"docs\u002F2.components\u002F2.ListmonkInputGroup.md",{"type":54,"value":55,"toc":459},"minimark",[56,60,65,72,420,424,429,442,445,453,456],[57,58,26],"h1",{"id":59},"listmonkinputgroup",[61,62,64],"h2",{"id":63},"usage","Usage",[66,67,68,71],"p",{},[69,70,26],"strong",{}," component accepts props and you can customize it according to your needs.",[73,74,75,238],"code-group",{},[76,77,79],"code-block",{"label":78},"Unstyled",[80,81,86],"pre",{"className":82,"code":83,"language":84,"meta":85,"style":85},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CListmonkForm>\n    \u003CListmonkInputGroup\n      id=\"input-email\"\n      label=\"E-mail\"\n    >\n      \u003Ctemplate #default=\"inputProps\">\n        \u003C!-- Whatever you want! -->\n      \u003C\u002Ftemplate>\n    \u003C\u002FListmonkInputGroup>\n  \u003C\u002FListmonkForm>\n\u003C\u002Ftemplate>\n","vue","",[87,88,89,105,115,124,144,159,165,191,198,208,218,228],"code",{"__ignoreMap":85},[90,91,94,98,102],"span",{"class":92,"line":93},"line",1,[90,95,97],{"class":96},"sMK4o","\u003C",[90,99,101],{"class":100},"swJcz","template",[90,103,104],{"class":96},">\n",[90,106,108,111,113],{"class":92,"line":107},2,[90,109,110],{"class":96},"  \u003C",[90,112,22],{"class":100},[90,114,104],{"class":96},[90,116,118,121],{"class":92,"line":117},3,[90,119,120],{"class":96},"    \u003C",[90,122,123],{"class":100},"ListmonkInputGroup\n",[90,125,127,131,134,137,141],{"class":92,"line":126},4,[90,128,130],{"class":129},"spNyl","      id",[90,132,133],{"class":96},"=",[90,135,136],{"class":96},"\"",[90,138,140],{"class":139},"sfazB","input-email",[90,142,143],{"class":96},"\"\n",[90,145,147,150,152,154,157],{"class":92,"line":146},5,[90,148,149],{"class":129},"      label",[90,151,133],{"class":96},[90,153,136],{"class":96},[90,155,156],{"class":139},"E-mail",[90,158,143],{"class":96},[90,160,162],{"class":92,"line":161},6,[90,163,164],{"class":96},"    >\n",[90,166,168,171,173,176,179,181,183,187,189],{"class":92,"line":167},7,[90,169,170],{"class":96},"      \u003C",[90,172,101],{"class":100},[90,174,175],{"class":96}," #",[90,177,178],{"class":129},"default",[90,180,133],{"class":96},[90,182,136],{"class":96},[90,184,186],{"class":185},"sTEyZ","inputProps",[90,188,136],{"class":96},[90,190,104],{"class":96},[90,192,194],{"class":92,"line":193},8,[90,195,197],{"class":196},"sHwdD","        \u003C!-- Whatever you want! -->\n",[90,199,201,204,206],{"class":92,"line":200},9,[90,202,203],{"class":96},"      \u003C\u002F",[90,205,101],{"class":100},[90,207,104],{"class":96},[90,209,211,214,216],{"class":92,"line":210},10,[90,212,213],{"class":96},"    \u003C\u002F",[90,215,26],{"class":100},[90,217,104],{"class":96},[90,219,221,224,226],{"class":92,"line":220},11,[90,222,223],{"class":96},"  \u003C\u002F",[90,225,22],{"class":100},[90,227,104],{"class":96},[90,229,231,234,236],{"class":92,"line":230},12,[90,232,233],{"class":96},"\u003C\u002F",[90,235,101],{"class":100},[90,237,104],{"class":96},[76,239,241],{"label":240},"Styled",[80,242,244],{"className":82,"code":243,"language":84,"meta":85,"style":85},"\u003Ctemplate>\n  \u003CListmonkForm>\n    \u003CListmonkInputGroup\n      id=\"input-email\"\n      label=\"E-mail\"\n      class=\"input-group\"\n    >\n      \u003Ctemplate #default=\"inputProps\">\n        \u003C!-- Whatever you want! -->\n      \u003C\u002Ftemplate>\n    \u003C\u002FListmonkInputGroup>\n  \u003C\u002FListmonkForm>\n\u003C\u002Ftemplate>\n\n\u003Cstyle scoped>\n  .input-group {\n    ...\n  }\n\u003C\u002Fstyle>\n",[87,245,246,254,262,268,280,292,306,310,330,334,342,350,358,367,374,387,399,405,411],{"__ignoreMap":85},[90,247,248,250,252],{"class":92,"line":93},[90,249,97],{"class":96},[90,251,101],{"class":100},[90,253,104],{"class":96},[90,255,256,258,260],{"class":92,"line":107},[90,257,110],{"class":96},[90,259,22],{"class":100},[90,261,104],{"class":96},[90,263,264,266],{"class":92,"line":117},[90,265,120],{"class":96},[90,267,123],{"class":100},[90,269,270,272,274,276,278],{"class":92,"line":126},[90,271,130],{"class":129},[90,273,133],{"class":96},[90,275,136],{"class":96},[90,277,140],{"class":139},[90,279,143],{"class":96},[90,281,282,284,286,288,290],{"class":92,"line":146},[90,283,149],{"class":129},[90,285,133],{"class":96},[90,287,136],{"class":96},[90,289,156],{"class":139},[90,291,143],{"class":96},[90,293,294,297,299,301,304],{"class":92,"line":161},[90,295,296],{"class":129},"      class",[90,298,133],{"class":96},[90,300,136],{"class":96},[90,302,303],{"class":139},"input-group",[90,305,143],{"class":96},[90,307,308],{"class":92,"line":167},[90,309,164],{"class":96},[90,311,312,314,316,318,320,322,324,326,328],{"class":92,"line":193},[90,313,170],{"class":96},[90,315,101],{"class":100},[90,317,175],{"class":96},[90,319,178],{"class":129},[90,321,133],{"class":96},[90,323,136],{"class":96},[90,325,186],{"class":185},[90,327,136],{"class":96},[90,329,104],{"class":96},[90,331,332],{"class":92,"line":200},[90,333,197],{"class":196},[90,335,336,338,340],{"class":92,"line":210},[90,337,203],{"class":96},[90,339,101],{"class":100},[90,341,104],{"class":96},[90,343,344,346,348],{"class":92,"line":220},[90,345,213],{"class":96},[90,347,26],{"class":100},[90,349,104],{"class":96},[90,351,352,354,356],{"class":92,"line":230},[90,353,223],{"class":96},[90,355,22],{"class":100},[90,357,104],{"class":96},[90,359,361,363,365],{"class":92,"line":360},13,[90,362,233],{"class":96},[90,364,101],{"class":100},[90,366,104],{"class":96},[90,368,370],{"class":92,"line":369},14,[90,371,373],{"emptyLinePlaceholder":372},true,"\n",[90,375,377,379,382,385],{"class":92,"line":376},15,[90,378,97],{"class":96},[90,380,381],{"class":100},"style",[90,383,384],{"class":129}," scoped",[90,386,104],{"class":96},[90,388,390,393,396],{"class":92,"line":389},16,[90,391,392],{"class":96},"  .",[90,394,303],{"class":395},"sBMFI",[90,397,398],{"class":96}," {\n",[90,400,402],{"class":92,"line":401},17,[90,403,404],{"class":185},"    ...\n",[90,406,408],{"class":92,"line":407},18,[90,409,410],{"class":96},"  }\n",[90,412,414,416,418],{"class":92,"line":413},19,[90,415,233],{"class":96},[90,417,381],{"class":100},[90,419,104],{"class":96},[61,421,423],{"id":422},"props","Props",[66,425,426,428],{},[69,427,26],{}," component has two props:",[430,431,433,436,437],"h4",{"id":432},"id-required",[87,434,435],{},"id"," ",[438,439,441],"badge",{"type":440},"danger","required",[66,443,444],{},"ID that identify the input and relates with the label throught for attribute.",[430,446,448,436,451],{"id":447},"label-required",[87,449,450],{},"label",[438,452,441],{"type":440},[66,454,455],{},"The label shown to user.",[381,457,458],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":85,"searchDepth":107,"depth":107,"links":460},[461,462],{"id":63,"depth":107,"text":64},{"id":422,"depth":107,"text":423},"md",null,{},{"title":26,"description":85},"p3Sm0GMrERESxyvIXgKiC3P5PjULw98b9hsK7XWDoGY",[469,470],{"title":22,"path":23,"stem":24,"description":85,"children":-1},{"title":30,"path":31,"stem":32,"description":85,"children":-1},1789764531287]