[{"data":1,"prerenderedAt":5583},["Reactive",2],{"content-query-yoiwNlpxbp":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"body":10,"_type":5579,"_id":5580,"_source":5581,"_file":5582,"_extension":5132},"/docs/forms/components/input","components",false,"","Input - Inkline","Form component used for inputting data directly from the keyboard.",{"type":11,"children":12,"toc":5563},"root",[13,22,28,34,318,325,382,387,914,920,932,1152,1158,1169,1390,1396,1407,1628,1634,1639,2137,2143,2148,2771,3382,4772,4778,4804,5104,5110,5147,5518,5524,5528,5534,5538,5544,5548,5554,5558],{"type":14,"tag":15,"props":16,"children":18},"element","h1",{"id":17},"input",[19],{"type":20,"value":21},"text","Input",{"type":14,"tag":23,"props":24,"children":26},"h2",{"id":25},"form-component-used-for-inputting-data-directly-from-the-keyboard",[27],{"type":20,"value":9},{"type":14,"tag":29,"props":30,"children":31},"p",{},[32],{"type":20,"value":33},"Inputs are the simplest and most used type of form control. Inkline provides you with simple solutions for all the scenarios you will encounter when creating input forms.",{"type":14,"tag":35,"props":36,"children":37},"content-tabs",{},[38,47],{"type":14,"tag":39,"props":40,"children":41},"template",{"v-slot:preview":7},[42],{"type":14,"tag":43,"props":44,"children":46},"content-preview",{"src":45},"/components/IInput/examples/basic",[],{"type":14,"tag":39,"props":48,"children":49},{"v-slot:vue":7},[50],{"type":14,"tag":51,"props":52,"children":57},"code",{"className":53,"code":55,"language":56,"meta":7},[54],"language-vue","\u003Cscript>\nexport default {\n    data() {\n        return {\n            value: ''\n        };\n    }\n};\n\u003C/script>\n\u003Ctemplate>\n    \u003CIInput id=\"test\" v-model=\"value\" placeholder=\"Type something..\" />\n\u003C/template>\n\n","vue",[58],{"type":14,"tag":59,"props":60,"children":61},"pre",{},[62],{"type":14,"tag":51,"props":63,"children":64},{"__ignoreMap":7},[65,88,113,133,151,166,175,184,193,210,226,301],{"type":14,"tag":66,"props":67,"children":70},"span",{"class":68,"line":69},"line",1,[71,77,83],{"type":14,"tag":66,"props":72,"children":74},{"class":73},"ct-553616",[75],{"type":20,"value":76},"\u003C",{"type":14,"tag":66,"props":78,"children":80},{"class":79},"ct-914029",[81],{"type":20,"value":82},"script",{"type":14,"tag":66,"props":84,"children":85},{"class":73},[86],{"type":20,"value":87},">\n",{"type":14,"tag":66,"props":89,"children":91},{"class":68,"line":90},2,[92,98,103,108],{"type":14,"tag":66,"props":93,"children":95},{"class":94},"ct-149352",[96],{"type":20,"value":97},"export",{"type":14,"tag":66,"props":99,"children":100},{"class":73},[101],{"type":20,"value":102}," ",{"type":14,"tag":66,"props":104,"children":105},{"class":94},[106],{"type":20,"value":107},"default",{"type":14,"tag":66,"props":109,"children":110},{"class":73},[111],{"type":20,"value":112}," {\n",{"type":14,"tag":66,"props":114,"children":116},{"class":68,"line":115},3,[117,122,128],{"type":14,"tag":66,"props":118,"children":119},{"class":73},[120],{"type":20,"value":121},"    ",{"type":14,"tag":66,"props":123,"children":125},{"class":124},"ct-762058",[126],{"type":20,"value":127},"data",{"type":14,"tag":66,"props":129,"children":130},{"class":73},[131],{"type":20,"value":132},"() {\n",{"type":14,"tag":66,"props":134,"children":136},{"class":68,"line":135},4,[137,142,147],{"type":14,"tag":66,"props":138,"children":139},{"class":73},[140],{"type":20,"value":141},"        ",{"type":14,"tag":66,"props":143,"children":144},{"class":94},[145],{"type":20,"value":146},"return",{"type":14,"tag":66,"props":148,"children":149},{"class":73},[150],{"type":20,"value":112},{"type":14,"tag":66,"props":152,"children":154},{"class":68,"line":153},5,[155,160],{"type":14,"tag":66,"props":156,"children":157},{"class":73},[158],{"type":20,"value":159},"            value: ",{"type":14,"tag":66,"props":161,"children":163},{"class":162},"ct-952708",[164],{"type":20,"value":165},"''\n",{"type":14,"tag":66,"props":167,"children":169},{"class":68,"line":168},6,[170],{"type":14,"tag":66,"props":171,"children":172},{"class":73},[173],{"type":20,"value":174},"        };\n",{"type":14,"tag":66,"props":176,"children":178},{"class":68,"line":177},7,[179],{"type":14,"tag":66,"props":180,"children":181},{"class":73},[182],{"type":20,"value":183},"    }\n",{"type":14,"tag":66,"props":185,"children":187},{"class":68,"line":186},8,[188],{"type":14,"tag":66,"props":189,"children":190},{"class":73},[191],{"type":20,"value":192},"};\n",{"type":14,"tag":66,"props":194,"children":196},{"class":68,"line":195},9,[197,202,206],{"type":14,"tag":66,"props":198,"children":199},{"class":73},[200],{"type":20,"value":201},"\u003C/",{"type":14,"tag":66,"props":203,"children":204},{"class":79},[205],{"type":20,"value":82},{"type":14,"tag":66,"props":207,"children":208},{"class":73},[209],{"type":20,"value":87},{"type":14,"tag":66,"props":211,"children":213},{"class":68,"line":212},10,[214,218,222],{"type":14,"tag":66,"props":215,"children":216},{"class":73},[217],{"type":20,"value":76},{"type":14,"tag":66,"props":219,"children":220},{"class":79},[221],{"type":20,"value":39},{"type":14,"tag":66,"props":223,"children":224},{"class":73},[225],{"type":20,"value":87},{"type":14,"tag":66,"props":227,"children":229},{"class":68,"line":228},11,[230,235,241,245,250,255,260,264,269,273,278,282,287,291,296],{"type":14,"tag":66,"props":231,"children":232},{"class":73},[233],{"type":20,"value":234},"    \u003C",{"type":14,"tag":66,"props":236,"children":238},{"class":237},"ct-028869",[239],{"type":20,"value":240},"IInput",{"type":14,"tag":66,"props":242,"children":243},{"class":73},[244],{"type":20,"value":102},{"type":14,"tag":66,"props":246,"children":247},{"class":124},[248],{"type":20,"value":249},"id",{"type":14,"tag":66,"props":251,"children":252},{"class":73},[253],{"type":20,"value":254},"=",{"type":14,"tag":66,"props":256,"children":257},{"class":162},[258],{"type":20,"value":259},"\"test\"",{"type":14,"tag":66,"props":261,"children":262},{"class":73},[263],{"type":20,"value":102},{"type":14,"tag":66,"props":265,"children":266},{"class":124},[267],{"type":20,"value":268},"v-model",{"type":14,"tag":66,"props":270,"children":271},{"class":73},[272],{"type":20,"value":254},{"type":14,"tag":66,"props":274,"children":275},{"class":162},[276],{"type":20,"value":277},"\"value\"",{"type":14,"tag":66,"props":279,"children":280},{"class":73},[281],{"type":20,"value":102},{"type":14,"tag":66,"props":283,"children":284},{"class":124},[285],{"type":20,"value":286},"placeholder",{"type":14,"tag":66,"props":288,"children":289},{"class":73},[290],{"type":20,"value":254},{"type":14,"tag":66,"props":292,"children":293},{"class":162},[294],{"type":20,"value":295},"\"Type something..\"",{"type":14,"tag":66,"props":297,"children":298},{"class":73},[299],{"type":20,"value":300}," />\n",{"type":14,"tag":66,"props":302,"children":304},{"class":68,"line":303},12,[305,309,313],{"type":14,"tag":66,"props":306,"children":307},{"class":73},[308],{"type":20,"value":201},{"type":14,"tag":66,"props":310,"children":311},{"class":79},[312],{"type":20,"value":39},{"type":14,"tag":66,"props":314,"children":315},{"class":73},[316],{"type":20,"value":317},">",{"type":14,"tag":319,"props":320,"children":322},"h3",{"id":321},"input-type",[323],{"type":20,"value":324},"Input Type",{"type":14,"tag":29,"props":326,"children":327},{},[328,330,336,338,343,345,349,351,356,357,362,363,368,369,374,376,380],{"type":20,"value":329},"Behind the scenes, Inkline uses a native HTML ",{"type":14,"tag":331,"props":332,"children":333},"code-inline",{},[334],{"type":20,"value":335},"\u003Cinput>",{"type":20,"value":337}," element, meaning that you can use the ",{"type":14,"tag":331,"props":339,"children":340},{},[341],{"type":20,"value":342},"type",{"type":20,"value":344}," property to define the type of the input, such as ",{"type":14,"tag":331,"props":346,"children":347},{},[348],{"type":20,"value":20},{"type":20,"value":350},", ",{"type":14,"tag":331,"props":352,"children":353},{},[354],{"type":20,"value":355},"password",{"type":20,"value":350},{"type":14,"tag":331,"props":358,"children":359},{},[360],{"type":20,"value":361},"date",{"type":20,"value":350},{"type":14,"tag":331,"props":364,"children":365},{},[366],{"type":20,"value":367},"email",{"type":20,"value":350},{"type":14,"tag":331,"props":370,"children":371},{},[372],{"type":20,"value":373},"number",{"type":20,"value":375},", and so on. By default, the input type is set to ",{"type":14,"tag":331,"props":377,"children":378},{},[379],{"type":20,"value":20},{"type":20,"value":381},".",{"type":14,"tag":29,"props":383,"children":384},{},[385],{"type":20,"value":386},"Keep in mind that native input types look and are treated differently in each browser, which is why you should use a custom component to achieve consistency.",{"type":14,"tag":35,"props":388,"children":389},{},[390,397],{"type":14,"tag":39,"props":391,"children":392},{"v-slot:preview":7},[393],{"type":14,"tag":43,"props":394,"children":396},{"src":395},"/components/IInput/examples/type",[],{"type":14,"tag":39,"props":398,"children":399},{"v-slot:vue":7},[400],{"type":14,"tag":51,"props":401,"children":404},{"className":402,"code":403,"language":56,"meta":7},[54],"\u003Cscript>\nexport default {\n    data() {\n        return {\n            value: ''\n        };\n    }\n};\n\u003C/script>\n\u003Ctemplate>\n    \u003CIInput v-model=\"value\" type=\"text\" placeholder=\"Enter some text..\" />\n\n    \u003CIInput v-model=\"value\" type=\"password\" placeholder=\"Enter a password..\" />\n\n    \u003CIInput v-model=\"value\" type=\"date\" placeholder=\"Enter a date..\" />\n\n    \u003CIInput v-model=\"value\" type=\"email\" placeholder=\"Enter an email..\" />\n\n    \u003CIInput v-model=\"value\" type=\"number\" placeholder=\"Enter a number..\" />\n\u003C/template>\n\n",[405],{"type":14,"tag":59,"props":406,"children":407},{},[408],{"type":14,"tag":51,"props":409,"children":410},{"__ignoreMap":7},[411,426,445,460,475,486,493,500,507,522,537,602,610,676,684,750,758,824,832,898],{"type":14,"tag":66,"props":412,"children":413},{"class":68,"line":69},[414,418,422],{"type":14,"tag":66,"props":415,"children":416},{"class":73},[417],{"type":20,"value":76},{"type":14,"tag":66,"props":419,"children":420},{"class":79},[421],{"type":20,"value":82},{"type":14,"tag":66,"props":423,"children":424},{"class":73},[425],{"type":20,"value":87},{"type":14,"tag":66,"props":427,"children":428},{"class":68,"line":90},[429,433,437,441],{"type":14,"tag":66,"props":430,"children":431},{"class":94},[432],{"type":20,"value":97},{"type":14,"tag":66,"props":434,"children":435},{"class":73},[436],{"type":20,"value":102},{"type":14,"tag":66,"props":438,"children":439},{"class":94},[440],{"type":20,"value":107},{"type":14,"tag":66,"props":442,"children":443},{"class":73},[444],{"type":20,"value":112},{"type":14,"tag":66,"props":446,"children":447},{"class":68,"line":115},[448,452,456],{"type":14,"tag":66,"props":449,"children":450},{"class":73},[451],{"type":20,"value":121},{"type":14,"tag":66,"props":453,"children":454},{"class":124},[455],{"type":20,"value":127},{"type":14,"tag":66,"props":457,"children":458},{"class":73},[459],{"type":20,"value":132},{"type":14,"tag":66,"props":461,"children":462},{"class":68,"line":135},[463,467,471],{"type":14,"tag":66,"props":464,"children":465},{"class":73},[466],{"type":20,"value":141},{"type":14,"tag":66,"props":468,"children":469},{"class":94},[470],{"type":20,"value":146},{"type":14,"tag":66,"props":472,"children":473},{"class":73},[474],{"type":20,"value":112},{"type":14,"tag":66,"props":476,"children":477},{"class":68,"line":153},[478,482],{"type":14,"tag":66,"props":479,"children":480},{"class":73},[481],{"type":20,"value":159},{"type":14,"tag":66,"props":483,"children":484},{"class":162},[485],{"type":20,"value":165},{"type":14,"tag":66,"props":487,"children":488},{"class":68,"line":168},[489],{"type":14,"tag":66,"props":490,"children":491},{"class":73},[492],{"type":20,"value":174},{"type":14,"tag":66,"props":494,"children":495},{"class":68,"line":177},[496],{"type":14,"tag":66,"props":497,"children":498},{"class":73},[499],{"type":20,"value":183},{"type":14,"tag":66,"props":501,"children":502},{"class":68,"line":186},[503],{"type":14,"tag":66,"props":504,"children":505},{"class":73},[506],{"type":20,"value":192},{"type":14,"tag":66,"props":508,"children":509},{"class":68,"line":195},[510,514,518],{"type":14,"tag":66,"props":511,"children":512},{"class":73},[513],{"type":20,"value":201},{"type":14,"tag":66,"props":515,"children":516},{"class":79},[517],{"type":20,"value":82},{"type":14,"tag":66,"props":519,"children":520},{"class":73},[521],{"type":20,"value":87},{"type":14,"tag":66,"props":523,"children":524},{"class":68,"line":212},[525,529,533],{"type":14,"tag":66,"props":526,"children":527},{"class":73},[528],{"type":20,"value":76},{"type":14,"tag":66,"props":530,"children":531},{"class":79},[532],{"type":20,"value":39},{"type":14,"tag":66,"props":534,"children":535},{"class":73},[536],{"type":20,"value":87},{"type":14,"tag":66,"props":538,"children":539},{"class":68,"line":228},[540,544,548,552,556,560,564,568,572,576,581,585,589,593,598],{"type":14,"tag":66,"props":541,"children":542},{"class":73},[543],{"type":20,"value":234},{"type":14,"tag":66,"props":545,"children":546},{"class":237},[547],{"type":20,"value":240},{"type":14,"tag":66,"props":549,"children":550},{"class":73},[551],{"type":20,"value":102},{"type":14,"tag":66,"props":553,"children":554},{"class":124},[555],{"type":20,"value":268},{"type":14,"tag":66,"props":557,"children":558},{"class":73},[559],{"type":20,"value":254},{"type":14,"tag":66,"props":561,"children":562},{"class":162},[563],{"type":20,"value":277},{"type":14,"tag":66,"props":565,"children":566},{"class":73},[567],{"type":20,"value":102},{"type":14,"tag":66,"props":569,"children":570},{"class":124},[571],{"type":20,"value":342},{"type":14,"tag":66,"props":573,"children":574},{"class":73},[575],{"type":20,"value":254},{"type":14,"tag":66,"props":577,"children":578},{"class":162},[579],{"type":20,"value":580},"\"text\"",{"type":14,"tag":66,"props":582,"children":583},{"class":73},[584],{"type":20,"value":102},{"type":14,"tag":66,"props":586,"children":587},{"class":124},[588],{"type":20,"value":286},{"type":14,"tag":66,"props":590,"children":591},{"class":73},[592],{"type":20,"value":254},{"type":14,"tag":66,"props":594,"children":595},{"class":162},[596],{"type":20,"value":597},"\"Enter some text..\"",{"type":14,"tag":66,"props":599,"children":600},{"class":73},[601],{"type":20,"value":300},{"type":14,"tag":66,"props":603,"children":604},{"class":68,"line":303},[605],{"type":14,"tag":66,"props":606,"children":607},{},[608],{"type":20,"value":609},"\n",{"type":14,"tag":66,"props":611,"children":613},{"class":68,"line":612},13,[614,618,622,626,630,634,638,642,646,650,655,659,663,667,672],{"type":14,"tag":66,"props":615,"children":616},{"class":73},[617],{"type":20,"value":234},{"type":14,"tag":66,"props":619,"children":620},{"class":237},[621],{"type":20,"value":240},{"type":14,"tag":66,"props":623,"children":624},{"class":73},[625],{"type":20,"value":102},{"type":14,"tag":66,"props":627,"children":628},{"class":124},[629],{"type":20,"value":268},{"type":14,"tag":66,"props":631,"children":632},{"class":73},[633],{"type":20,"value":254},{"type":14,"tag":66,"props":635,"children":636},{"class":162},[637],{"type":20,"value":277},{"type":14,"tag":66,"props":639,"children":640},{"class":73},[641],{"type":20,"value":102},{"type":14,"tag":66,"props":643,"children":644},{"class":124},[645],{"type":20,"value":342},{"type":14,"tag":66,"props":647,"children":648},{"class":73},[649],{"type":20,"value":254},{"type":14,"tag":66,"props":651,"children":652},{"class":162},[653],{"type":20,"value":654},"\"password\"",{"type":14,"tag":66,"props":656,"children":657},{"class":73},[658],{"type":20,"value":102},{"type":14,"tag":66,"props":660,"children":661},{"class":124},[662],{"type":20,"value":286},{"type":14,"tag":66,"props":664,"children":665},{"class":73},[666],{"type":20,"value":254},{"type":14,"tag":66,"props":668,"children":669},{"class":162},[670],{"type":20,"value":671},"\"Enter a password..\"",{"type":14,"tag":66,"props":673,"children":674},{"class":73},[675],{"type":20,"value":300},{"type":14,"tag":66,"props":677,"children":679},{"class":68,"line":678},14,[680],{"type":14,"tag":66,"props":681,"children":682},{},[683],{"type":20,"value":609},{"type":14,"tag":66,"props":685,"children":687},{"class":68,"line":686},15,[688,692,696,700,704,708,712,716,720,724,729,733,737,741,746],{"type":14,"tag":66,"props":689,"children":690},{"class":73},[691],{"type":20,"value":234},{"type":14,"tag":66,"props":693,"children":694},{"class":237},[695],{"type":20,"value":240},{"type":14,"tag":66,"props":697,"children":698},{"class":73},[699],{"type":20,"value":102},{"type":14,"tag":66,"props":701,"children":702},{"class":124},[703],{"type":20,"value":268},{"type":14,"tag":66,"props":705,"children":706},{"class":73},[707],{"type":20,"value":254},{"type":14,"tag":66,"props":709,"children":710},{"class":162},[711],{"type":20,"value":277},{"type":14,"tag":66,"props":713,"children":714},{"class":73},[715],{"type":20,"value":102},{"type":14,"tag":66,"props":717,"children":718},{"class":124},[719],{"type":20,"value":342},{"type":14,"tag":66,"props":721,"children":722},{"class":73},[723],{"type":20,"value":254},{"type":14,"tag":66,"props":725,"children":726},{"class":162},[727],{"type":20,"value":728},"\"date\"",{"type":14,"tag":66,"props":730,"children":731},{"class":73},[732],{"type":20,"value":102},{"type":14,"tag":66,"props":734,"children":735},{"class":124},[736],{"type":20,"value":286},{"type":14,"tag":66,"props":738,"children":739},{"class":73},[740],{"type":20,"value":254},{"type":14,"tag":66,"props":742,"children":743},{"class":162},[744],{"type":20,"value":745},"\"Enter a date..\"",{"type":14,"tag":66,"props":747,"children":748},{"class":73},[749],{"type":20,"value":300},{"type":14,"tag":66,"props":751,"children":753},{"class":68,"line":752},16,[754],{"type":14,"tag":66,"props":755,"children":756},{},[757],{"type":20,"value":609},{"type":14,"tag":66,"props":759,"children":761},{"class":68,"line":760},17,[762,766,770,774,778,782,786,790,794,798,803,807,811,815,820],{"type":14,"tag":66,"props":763,"children":764},{"class":73},[765],{"type":20,"value":234},{"type":14,"tag":66,"props":767,"children":768},{"class":237},[769],{"type":20,"value":240},{"type":14,"tag":66,"props":771,"children":772},{"class":73},[773],{"type":20,"value":102},{"type":14,"tag":66,"props":775,"children":776},{"class":124},[777],{"type":20,"value":268},{"type":14,"tag":66,"props":779,"children":780},{"class":73},[781],{"type":20,"value":254},{"type":14,"tag":66,"props":783,"children":784},{"class":162},[785],{"type":20,"value":277},{"type":14,"tag":66,"props":787,"children":788},{"class":73},[789],{"type":20,"value":102},{"type":14,"tag":66,"props":791,"children":792},{"class":124},[793],{"type":20,"value":342},{"type":14,"tag":66,"props":795,"children":796},{"class":73},[797],{"type":20,"value":254},{"type":14,"tag":66,"props":799,"children":800},{"class":162},[801],{"type":20,"value":802},"\"email\"",{"type":14,"tag":66,"props":804,"children":805},{"class":73},[806],{"type":20,"value":102},{"type":14,"tag":66,"props":808,"children":809},{"class":124},[810],{"type":20,"value":286},{"type":14,"tag":66,"props":812,"children":813},{"class":73},[814],{"type":20,"value":254},{"type":14,"tag":66,"props":816,"children":817},{"class":162},[818],{"type":20,"value":819},"\"Enter an email..\"",{"type":14,"tag":66,"props":821,"children":822},{"class":73},[823],{"type":20,"value":300},{"type":14,"tag":66,"props":825,"children":827},{"class":68,"line":826},18,[828],{"type":14,"tag":66,"props":829,"children":830},{},[831],{"type":20,"value":609},{"type":14,"tag":66,"props":833,"children":835},{"class":68,"line":834},19,[836,840,844,848,852,856,860,864,868,872,877,881,885,889,894],{"type":14,"tag":66,"props":837,"children":838},{"class":73},[839],{"type":20,"value":234},{"type":14,"tag":66,"props":841,"children":842},{"class":237},[843],{"type":20,"value":240},{"type":14,"tag":66,"props":845,"children":846},{"class":73},[847],{"type":20,"value":102},{"type":14,"tag":66,"props":849,"children":850},{"class":124},[851],{"type":20,"value":268},{"type":14,"tag":66,"props":853,"children":854},{"class":73},[855],{"type":20,"value":254},{"type":14,"tag":66,"props":857,"children":858},{"class":162},[859],{"type":20,"value":277},{"type":14,"tag":66,"props":861,"children":862},{"class":73},[863],{"type":20,"value":102},{"type":14,"tag":66,"props":865,"children":866},{"class":124},[867],{"type":20,"value":342},{"type":14,"tag":66,"props":869,"children":870},{"class":73},[871],{"type":20,"value":254},{"type":14,"tag":66,"props":873,"children":874},{"class":162},[875],{"type":20,"value":876},"\"number\"",{"type":14,"tag":66,"props":878,"children":879},{"class":73},[880],{"type":20,"value":102},{"type":14,"tag":66,"props":882,"children":883},{"class":124},[884],{"type":20,"value":286},{"type":14,"tag":66,"props":886,"children":887},{"class":73},[888],{"type":20,"value":254},{"type":14,"tag":66,"props":890,"children":891},{"class":162},[892],{"type":20,"value":893},"\"Enter a number..\"",{"type":14,"tag":66,"props":895,"children":896},{"class":73},[897],{"type":20,"value":300},{"type":14,"tag":66,"props":899,"children":901},{"class":68,"line":900},20,[902,906,910],{"type":14,"tag":66,"props":903,"children":904},{"class":73},[905],{"type":20,"value":201},{"type":14,"tag":66,"props":907,"children":908},{"class":79},[909],{"type":20,"value":39},{"type":14,"tag":66,"props":911,"children":912},{"class":73},[913],{"type":20,"value":317},{"type":14,"tag":319,"props":915,"children":917},{"id":916},"disabled-state",[918],{"type":20,"value":919},"Disabled State",{"type":14,"tag":29,"props":921,"children":922},{},[923,925,930],{"type":20,"value":924},"Setting the ",{"type":14,"tag":331,"props":926,"children":927},{},[928],{"type":20,"value":929},"disabled",{"type":20,"value":931}," property will disable all interactions with the input component.",{"type":14,"tag":35,"props":933,"children":934},{},[935,942],{"type":14,"tag":39,"props":936,"children":937},{"v-slot:preview":7},[938],{"type":14,"tag":43,"props":939,"children":941},{"src":940},"/components/IInput/examples/disabled",[],{"type":14,"tag":39,"props":943,"children":944},{"v-slot:vue":7},[945],{"type":14,"tag":51,"props":946,"children":949},{"className":947,"code":948,"language":56,"meta":7},[54],"\u003Cscript>\nexport default {\n    data() {\n        return {\n            value: ''\n        };\n    }\n};\n\u003C/script>\n\u003Ctemplate>\n    \u003CIInput v-model=\"value\" disabled placeholder=\"Type something..\" />\n\u003C/template>\n\n",[950],{"type":14,"tag":59,"props":951,"children":952},{},[953],{"type":14,"tag":51,"props":954,"children":955},{"__ignoreMap":7},[956,971,990,1005,1020,1031,1038,1045,1052,1067,1082,1137],{"type":14,"tag":66,"props":957,"children":958},{"class":68,"line":69},[959,963,967],{"type":14,"tag":66,"props":960,"children":961},{"class":73},[962],{"type":20,"value":76},{"type":14,"tag":66,"props":964,"children":965},{"class":79},[966],{"type":20,"value":82},{"type":14,"tag":66,"props":968,"children":969},{"class":73},[970],{"type":20,"value":87},{"type":14,"tag":66,"props":972,"children":973},{"class":68,"line":90},[974,978,982,986],{"type":14,"tag":66,"props":975,"children":976},{"class":94},[977],{"type":20,"value":97},{"type":14,"tag":66,"props":979,"children":980},{"class":73},[981],{"type":20,"value":102},{"type":14,"tag":66,"props":983,"children":984},{"class":94},[985],{"type":20,"value":107},{"type":14,"tag":66,"props":987,"children":988},{"class":73},[989],{"type":20,"value":112},{"type":14,"tag":66,"props":991,"children":992},{"class":68,"line":115},[993,997,1001],{"type":14,"tag":66,"props":994,"children":995},{"class":73},[996],{"type":20,"value":121},{"type":14,"tag":66,"props":998,"children":999},{"class":124},[1000],{"type":20,"value":127},{"type":14,"tag":66,"props":1002,"children":1003},{"class":73},[1004],{"type":20,"value":132},{"type":14,"tag":66,"props":1006,"children":1007},{"class":68,"line":135},[1008,1012,1016],{"type":14,"tag":66,"props":1009,"children":1010},{"class":73},[1011],{"type":20,"value":141},{"type":14,"tag":66,"props":1013,"children":1014},{"class":94},[1015],{"type":20,"value":146},{"type":14,"tag":66,"props":1017,"children":1018},{"class":73},[1019],{"type":20,"value":112},{"type":14,"tag":66,"props":1021,"children":1022},{"class":68,"line":153},[1023,1027],{"type":14,"tag":66,"props":1024,"children":1025},{"class":73},[1026],{"type":20,"value":159},{"type":14,"tag":66,"props":1028,"children":1029},{"class":162},[1030],{"type":20,"value":165},{"type":14,"tag":66,"props":1032,"children":1033},{"class":68,"line":168},[1034],{"type":14,"tag":66,"props":1035,"children":1036},{"class":73},[1037],{"type":20,"value":174},{"type":14,"tag":66,"props":1039,"children":1040},{"class":68,"line":177},[1041],{"type":14,"tag":66,"props":1042,"children":1043},{"class":73},[1044],{"type":20,"value":183},{"type":14,"tag":66,"props":1046,"children":1047},{"class":68,"line":186},[1048],{"type":14,"tag":66,"props":1049,"children":1050},{"class":73},[1051],{"type":20,"value":192},{"type":14,"tag":66,"props":1053,"children":1054},{"class":68,"line":195},[1055,1059,1063],{"type":14,"tag":66,"props":1056,"children":1057},{"class":73},[1058],{"type":20,"value":201},{"type":14,"tag":66,"props":1060,"children":1061},{"class":79},[1062],{"type":20,"value":82},{"type":14,"tag":66,"props":1064,"children":1065},{"class":73},[1066],{"type":20,"value":87},{"type":14,"tag":66,"props":1068,"children":1069},{"class":68,"line":212},[1070,1074,1078],{"type":14,"tag":66,"props":1071,"children":1072},{"class":73},[1073],{"type":20,"value":76},{"type":14,"tag":66,"props":1075,"children":1076},{"class":79},[1077],{"type":20,"value":39},{"type":14,"tag":66,"props":1079,"children":1080},{"class":73},[1081],{"type":20,"value":87},{"type":14,"tag":66,"props":1083,"children":1084},{"class":68,"line":228},[1085,1089,1093,1097,1101,1105,1109,1113,1117,1121,1125,1129,1133],{"type":14,"tag":66,"props":1086,"children":1087},{"class":73},[1088],{"type":20,"value":234},{"type":14,"tag":66,"props":1090,"children":1091},{"class":237},[1092],{"type":20,"value":240},{"type":14,"tag":66,"props":1094,"children":1095},{"class":73},[1096],{"type":20,"value":102},{"type":14,"tag":66,"props":1098,"children":1099},{"class":124},[1100],{"type":20,"value":268},{"type":14,"tag":66,"props":1102,"children":1103},{"class":73},[1104],{"type":20,"value":254},{"type":14,"tag":66,"props":1106,"children":1107},{"class":162},[1108],{"type":20,"value":277},{"type":14,"tag":66,"props":1110,"children":1111},{"class":73},[1112],{"type":20,"value":102},{"type":14,"tag":66,"props":1114,"children":1115},{"class":124},[1116],{"type":20,"value":929},{"type":14,"tag":66,"props":1118,"children":1119},{"class":73},[1120],{"type":20,"value":102},{"type":14,"tag":66,"props":1122,"children":1123},{"class":124},[1124],{"type":20,"value":286},{"type":14,"tag":66,"props":1126,"children":1127},{"class":73},[1128],{"type":20,"value":254},{"type":14,"tag":66,"props":1130,"children":1131},{"class":162},[1132],{"type":20,"value":295},{"type":14,"tag":66,"props":1134,"children":1135},{"class":73},[1136],{"type":20,"value":300},{"type":14,"tag":66,"props":1138,"children":1139},{"class":68,"line":303},[1140,1144,1148],{"type":14,"tag":66,"props":1141,"children":1142},{"class":73},[1143],{"type":20,"value":201},{"type":14,"tag":66,"props":1145,"children":1146},{"class":79},[1147],{"type":20,"value":39},{"type":14,"tag":66,"props":1149,"children":1150},{"class":73},[1151],{"type":20,"value":317},{"type":14,"tag":319,"props":1153,"children":1155},{"id":1154},"readonly-state",[1156],{"type":20,"value":1157},"Readonly State",{"type":14,"tag":29,"props":1159,"children":1160},{},[1161,1162,1167],{"type":20,"value":924},{"type":14,"tag":331,"props":1163,"children":1164},{},[1165],{"type":20,"value":1166},"readonly",{"type":20,"value":1168}," property will disable all interactions with the input component, except being able to focus the input.",{"type":14,"tag":35,"props":1170,"children":1171},{},[1172,1179],{"type":14,"tag":39,"props":1173,"children":1174},{"v-slot:preview":7},[1175],{"type":14,"tag":43,"props":1176,"children":1178},{"src":1177},"/components/IInput/examples/readonly",[],{"type":14,"tag":39,"props":1180,"children":1181},{"v-slot:vue":7},[1182],{"type":14,"tag":51,"props":1183,"children":1186},{"className":1184,"code":1185,"language":56,"meta":7},[54],"\u003Cscript>\nexport default {\n    data() {\n        return {\n            value: 'This input is readonly.'\n        };\n    }\n};\n\u003C/script>\n\u003Ctemplate>\n    \u003CIInput v-model=\"value\" readonly placeholder=\"Type something..\" />\n\u003C/template>\n\n",[1187],{"type":14,"tag":59,"props":1188,"children":1189},{},[1190],{"type":14,"tag":51,"props":1191,"children":1192},{"__ignoreMap":7},[1193,1208,1227,1242,1257,1269,1276,1283,1290,1305,1320,1375],{"type":14,"tag":66,"props":1194,"children":1195},{"class":68,"line":69},[1196,1200,1204],{"type":14,"tag":66,"props":1197,"children":1198},{"class":73},[1199],{"type":20,"value":76},{"type":14,"tag":66,"props":1201,"children":1202},{"class":79},[1203],{"type":20,"value":82},{"type":14,"tag":66,"props":1205,"children":1206},{"class":73},[1207],{"type":20,"value":87},{"type":14,"tag":66,"props":1209,"children":1210},{"class":68,"line":90},[1211,1215,1219,1223],{"type":14,"tag":66,"props":1212,"children":1213},{"class":94},[1214],{"type":20,"value":97},{"type":14,"tag":66,"props":1216,"children":1217},{"class":73},[1218],{"type":20,"value":102},{"type":14,"tag":66,"props":1220,"children":1221},{"class":94},[1222],{"type":20,"value":107},{"type":14,"tag":66,"props":1224,"children":1225},{"class":73},[1226],{"type":20,"value":112},{"type":14,"tag":66,"props":1228,"children":1229},{"class":68,"line":115},[1230,1234,1238],{"type":14,"tag":66,"props":1231,"children":1232},{"class":73},[1233],{"type":20,"value":121},{"type":14,"tag":66,"props":1235,"children":1236},{"class":124},[1237],{"type":20,"value":127},{"type":14,"tag":66,"props":1239,"children":1240},{"class":73},[1241],{"type":20,"value":132},{"type":14,"tag":66,"props":1243,"children":1244},{"class":68,"line":135},[1245,1249,1253],{"type":14,"tag":66,"props":1246,"children":1247},{"class":73},[1248],{"type":20,"value":141},{"type":14,"tag":66,"props":1250,"children":1251},{"class":94},[1252],{"type":20,"value":146},{"type":14,"tag":66,"props":1254,"children":1255},{"class":73},[1256],{"type":20,"value":112},{"type":14,"tag":66,"props":1258,"children":1259},{"class":68,"line":153},[1260,1264],{"type":14,"tag":66,"props":1261,"children":1262},{"class":73},[1263],{"type":20,"value":159},{"type":14,"tag":66,"props":1265,"children":1266},{"class":162},[1267],{"type":20,"value":1268},"'This input is readonly.'\n",{"type":14,"tag":66,"props":1270,"children":1271},{"class":68,"line":168},[1272],{"type":14,"tag":66,"props":1273,"children":1274},{"class":73},[1275],{"type":20,"value":174},{"type":14,"tag":66,"props":1277,"children":1278},{"class":68,"line":177},[1279],{"type":14,"tag":66,"props":1280,"children":1281},{"class":73},[1282],{"type":20,"value":183},{"type":14,"tag":66,"props":1284,"children":1285},{"class":68,"line":186},[1286],{"type":14,"tag":66,"props":1287,"children":1288},{"class":73},[1289],{"type":20,"value":192},{"type":14,"tag":66,"props":1291,"children":1292},{"class":68,"line":195},[1293,1297,1301],{"type":14,"tag":66,"props":1294,"children":1295},{"class":73},[1296],{"type":20,"value":201},{"type":14,"tag":66,"props":1298,"children":1299},{"class":79},[1300],{"type":20,"value":82},{"type":14,"tag":66,"props":1302,"children":1303},{"class":73},[1304],{"type":20,"value":87},{"type":14,"tag":66,"props":1306,"children":1307},{"class":68,"line":212},[1308,1312,1316],{"type":14,"tag":66,"props":1309,"children":1310},{"class":73},[1311],{"type":20,"value":76},{"type":14,"tag":66,"props":1313,"children":1314},{"class":79},[1315],{"type":20,"value":39},{"type":14,"tag":66,"props":1317,"children":1318},{"class":73},[1319],{"type":20,"value":87},{"type":14,"tag":66,"props":1321,"children":1322},{"class":68,"line":228},[1323,1327,1331,1335,1339,1343,1347,1351,1355,1359,1363,1367,1371],{"type":14,"tag":66,"props":1324,"children":1325},{"class":73},[1326],{"type":20,"value":234},{"type":14,"tag":66,"props":1328,"children":1329},{"class":237},[1330],{"type":20,"value":240},{"type":14,"tag":66,"props":1332,"children":1333},{"class":73},[1334],{"type":20,"value":102},{"type":14,"tag":66,"props":1336,"children":1337},{"class":124},[1338],{"type":20,"value":268},{"type":14,"tag":66,"props":1340,"children":1341},{"class":73},[1342],{"type":20,"value":254},{"type":14,"tag":66,"props":1344,"children":1345},{"class":162},[1346],{"type":20,"value":277},{"type":14,"tag":66,"props":1348,"children":1349},{"class":73},[1350],{"type":20,"value":102},{"type":14,"tag":66,"props":1352,"children":1353},{"class":124},[1354],{"type":20,"value":1166},{"type":14,"tag":66,"props":1356,"children":1357},{"class":73},[1358],{"type":20,"value":102},{"type":14,"tag":66,"props":1360,"children":1361},{"class":124},[1362],{"type":20,"value":286},{"type":14,"tag":66,"props":1364,"children":1365},{"class":73},[1366],{"type":20,"value":254},{"type":14,"tag":66,"props":1368,"children":1369},{"class":162},[1370],{"type":20,"value":295},{"type":14,"tag":66,"props":1372,"children":1373},{"class":73},[1374],{"type":20,"value":300},{"type":14,"tag":66,"props":1376,"children":1377},{"class":68,"line":303},[1378,1382,1386],{"type":14,"tag":66,"props":1379,"children":1380},{"class":73},[1381],{"type":20,"value":201},{"type":14,"tag":66,"props":1383,"children":1384},{"class":79},[1385],{"type":20,"value":39},{"type":14,"tag":66,"props":1387,"children":1388},{"class":73},[1389],{"type":20,"value":317},{"type":14,"tag":319,"props":1391,"children":1393},{"id":1392},"clearable",[1394],{"type":20,"value":1395},"Clearable",{"type":14,"tag":29,"props":1397,"children":1398},{},[1399,1401,1405],{"type":20,"value":1400},"If you need to be able to quickly clear the value of an input, you can add the ",{"type":14,"tag":331,"props":1402,"children":1403},{},[1404],{"type":20,"value":1392},{"type":20,"value":1406}," property to the input component.",{"type":14,"tag":35,"props":1408,"children":1409},{},[1410,1417],{"type":14,"tag":39,"props":1411,"children":1412},{"v-slot:preview":7},[1413],{"type":14,"tag":43,"props":1414,"children":1416},{"src":1415},"/components/IInput/examples/clearable",[],{"type":14,"tag":39,"props":1418,"children":1419},{"v-slot:vue":7},[1420],{"type":14,"tag":51,"props":1421,"children":1424},{"className":1422,"code":1423,"language":56,"meta":7},[54],"\u003Cscript>\nexport default {\n    data() {\n        return {\n            value: 'This input is clearable.'\n        };\n    }\n};\n\u003C/script>\n\u003Ctemplate>\n    \u003CIInput v-model=\"value\" clearable placeholder=\"Type something..\" />\n\u003C/template>\n\n",[1425],{"type":14,"tag":59,"props":1426,"children":1427},{},[1428],{"type":14,"tag":51,"props":1429,"children":1430},{"__ignoreMap":7},[1431,1446,1465,1480,1495,1507,1514,1521,1528,1543,1558,1613],{"type":14,"tag":66,"props":1432,"children":1433},{"class":68,"line":69},[1434,1438,1442],{"type":14,"tag":66,"props":1435,"children":1436},{"class":73},[1437],{"type":20,"value":76},{"type":14,"tag":66,"props":1439,"children":1440},{"class":79},[1441],{"type":20,"value":82},{"type":14,"tag":66,"props":1443,"children":1444},{"class":73},[1445],{"type":20,"value":87},{"type":14,"tag":66,"props":1447,"children":1448},{"class":68,"line":90},[1449,1453,1457,1461],{"type":14,"tag":66,"props":1450,"children":1451},{"class":94},[1452],{"type":20,"value":97},{"type":14,"tag":66,"props":1454,"children":1455},{"class":73},[1456],{"type":20,"value":102},{"type":14,"tag":66,"props":1458,"children":1459},{"class":94},[1460],{"type":20,"value":107},{"type":14,"tag":66,"props":1462,"children":1463},{"class":73},[1464],{"type":20,"value":112},{"type":14,"tag":66,"props":1466,"children":1467},{"class":68,"line":115},[1468,1472,1476],{"type":14,"tag":66,"props":1469,"children":1470},{"class":73},[1471],{"type":20,"value":121},{"type":14,"tag":66,"props":1473,"children":1474},{"class":124},[1475],{"type":20,"value":127},{"type":14,"tag":66,"props":1477,"children":1478},{"class":73},[1479],{"type":20,"value":132},{"type":14,"tag":66,"props":1481,"children":1482},{"class":68,"line":135},[1483,1487,1491],{"type":14,"tag":66,"props":1484,"children":1485},{"class":73},[1486],{"type":20,"value":141},{"type":14,"tag":66,"props":1488,"children":1489},{"class":94},[1490],{"type":20,"value":146},{"type":14,"tag":66,"props":1492,"children":1493},{"class":73},[1494],{"type":20,"value":112},{"type":14,"tag":66,"props":1496,"children":1497},{"class":68,"line":153},[1498,1502],{"type":14,"tag":66,"props":1499,"children":1500},{"class":73},[1501],{"type":20,"value":159},{"type":14,"tag":66,"props":1503,"children":1504},{"class":162},[1505],{"type":20,"value":1506},"'This input is clearable.'\n",{"type":14,"tag":66,"props":1508,"children":1509},{"class":68,"line":168},[1510],{"type":14,"tag":66,"props":1511,"children":1512},{"class":73},[1513],{"type":20,"value":174},{"type":14,"tag":66,"props":1515,"children":1516},{"class":68,"line":177},[1517],{"type":14,"tag":66,"props":1518,"children":1519},{"class":73},[1520],{"type":20,"value":183},{"type":14,"tag":66,"props":1522,"children":1523},{"class":68,"line":186},[1524],{"type":14,"tag":66,"props":1525,"children":1526},{"class":73},[1527],{"type":20,"value":192},{"type":14,"tag":66,"props":1529,"children":1530},{"class":68,"line":195},[1531,1535,1539],{"type":14,"tag":66,"props":1532,"children":1533},{"class":73},[1534],{"type":20,"value":201},{"type":14,"tag":66,"props":1536,"children":1537},{"class":79},[1538],{"type":20,"value":82},{"type":14,"tag":66,"props":1540,"children":1541},{"class":73},[1542],{"type":20,"value":87},{"type":14,"tag":66,"props":1544,"children":1545},{"class":68,"line":212},[1546,1550,1554],{"type":14,"tag":66,"props":1547,"children":1548},{"class":73},[1549],{"type":20,"value":76},{"type":14,"tag":66,"props":1551,"children":1552},{"class":79},[1553],{"type":20,"value":39},{"type":14,"tag":66,"props":1555,"children":1556},{"class":73},[1557],{"type":20,"value":87},{"type":14,"tag":66,"props":1559,"children":1560},{"class":68,"line":228},[1561,1565,1569,1573,1577,1581,1585,1589,1593,1597,1601,1605,1609],{"type":14,"tag":66,"props":1562,"children":1563},{"class":73},[1564],{"type":20,"value":234},{"type":14,"tag":66,"props":1566,"children":1567},{"class":237},[1568],{"type":20,"value":240},{"type":14,"tag":66,"props":1570,"children":1571},{"class":73},[1572],{"type":20,"value":102},{"type":14,"tag":66,"props":1574,"children":1575},{"class":124},[1576],{"type":20,"value":268},{"type":14,"tag":66,"props":1578,"children":1579},{"class":73},[1580],{"type":20,"value":254},{"type":14,"tag":66,"props":1582,"children":1583},{"class":162},[1584],{"type":20,"value":277},{"type":14,"tag":66,"props":1586,"children":1587},{"class":73},[1588],{"type":20,"value":102},{"type":14,"tag":66,"props":1590,"children":1591},{"class":124},[1592],{"type":20,"value":1392},{"type":14,"tag":66,"props":1594,"children":1595},{"class":73},[1596],{"type":20,"value":102},{"type":14,"tag":66,"props":1598,"children":1599},{"class":124},[1600],{"type":20,"value":286},{"type":14,"tag":66,"props":1602,"children":1603},{"class":73},[1604],{"type":20,"value":254},{"type":14,"tag":66,"props":1606,"children":1607},{"class":162},[1608],{"type":20,"value":295},{"type":14,"tag":66,"props":1610,"children":1611},{"class":73},[1612],{"type":20,"value":300},{"type":14,"tag":66,"props":1614,"children":1615},{"class":68,"line":303},[1616,1620,1624],{"type":14,"tag":66,"props":1617,"children":1618},{"class":73},[1619],{"type":20,"value":201},{"type":14,"tag":66,"props":1621,"children":1622},{"class":79},[1623],{"type":20,"value":39},{"type":14,"tag":66,"props":1625,"children":1626},{"class":73},[1627],{"type":20,"value":317},{"type":14,"tag":319,"props":1629,"children":1631},{"id":1630},"prefix-and-suffix",[1632],{"type":20,"value":1633},"Prefix and Suffix",{"type":14,"tag":29,"props":1635,"children":1636},{},[1637],{"type":20,"value":1638},"Inkline allows you to easily add a prefix or suffix to your inputs. Using prefixes and suffixes you can, for example, indicate the input type using an icon or text.",{"type":14,"tag":35,"props":1640,"children":1641},{},[1642,1649],{"type":14,"tag":39,"props":1643,"children":1644},{"v-slot:preview":7},[1645],{"type":14,"tag":43,"props":1646,"children":1648},{"src":1647},"/components/IInput/examples/prefix-suffix",[],{"type":14,"tag":39,"props":1650,"children":1651},{"v-slot:vue":7},[1652],{"type":14,"tag":51,"props":1653,"children":1656},{"className":1654,"code":1655,"language":56,"meta":7},[54],"\u003Cscript>\nexport default {\n    data() {\n        return {\n            value: ''\n        };\n    }\n};\n\u003C/script>\n\u003Ctemplate>\n    \u003CIInput v-model=\"value\" placeholder=\"Type something..\">\n        \u003Ctemplate #prefix>@\u003C/template>\n    \u003C/IInput>\n\n    \u003CIInput v-model=\"value\" placeholder=\"Type something..\">\n        \u003Ctemplate #suffix>@\u003C/template>\n    \u003C/IInput>\n\n    \u003CIInput v-model=\"value\" placeholder=\"Type something..\">\n        \u003Ctemplate #prefix>@\u003C/template>\n        \u003Ctemplate #suffix>@\u003C/template>\n    \u003C/IInput>\n\u003C/template>\n\n",[1657],{"type":14,"tag":59,"props":1658,"children":1659},{},[1660],{"type":14,"tag":51,"props":1661,"children":1662},{"__ignoreMap":7},[1663,1678,1697,1712,1727,1738,1745,1752,1759,1774,1789,1836,1871,1887,1894,1941,1973,1988,1995,2042,2073,2105,2121],{"type":14,"tag":66,"props":1664,"children":1665},{"class":68,"line":69},[1666,1670,1674],{"type":14,"tag":66,"props":1667,"children":1668},{"class":73},[1669],{"type":20,"value":76},{"type":14,"tag":66,"props":1671,"children":1672},{"class":79},[1673],{"type":20,"value":82},{"type":14,"tag":66,"props":1675,"children":1676},{"class":73},[1677],{"type":20,"value":87},{"type":14,"tag":66,"props":1679,"children":1680},{"class":68,"line":90},[1681,1685,1689,1693],{"type":14,"tag":66,"props":1682,"children":1683},{"class":94},[1684],{"type":20,"value":97},{"type":14,"tag":66,"props":1686,"children":1687},{"class":73},[1688],{"type":20,"value":102},{"type":14,"tag":66,"props":1690,"children":1691},{"class":94},[1692],{"type":20,"value":107},{"type":14,"tag":66,"props":1694,"children":1695},{"class":73},[1696],{"type":20,"value":112},{"type":14,"tag":66,"props":1698,"children":1699},{"class":68,"line":115},[1700,1704,1708],{"type":14,"tag":66,"props":1701,"children":1702},{"class":73},[1703],{"type":20,"value":121},{"type":14,"tag":66,"props":1705,"children":1706},{"class":124},[1707],{"type":20,"value":127},{"type":14,"tag":66,"props":1709,"children":1710},{"class":73},[1711],{"type":20,"value":132},{"type":14,"tag":66,"props":1713,"children":1714},{"class":68,"line":135},[1715,1719,1723],{"type":14,"tag":66,"props":1716,"children":1717},{"class":73},[1718],{"type":20,"value":141},{"type":14,"tag":66,"props":1720,"children":1721},{"class":94},[1722],{"type":20,"value":146},{"type":14,"tag":66,"props":1724,"children":1725},{"class":73},[1726],{"type":20,"value":112},{"type":14,"tag":66,"props":1728,"children":1729},{"class":68,"line":153},[1730,1734],{"type":14,"tag":66,"props":1731,"children":1732},{"class":73},[1733],{"type":20,"value":159},{"type":14,"tag":66,"props":1735,"children":1736},{"class":162},[1737],{"type":20,"value":165},{"type":14,"tag":66,"props":1739,"children":1740},{"class":68,"line":168},[1741],{"type":14,"tag":66,"props":1742,"children":1743},{"class":73},[1744],{"type":20,"value":174},{"type":14,"tag":66,"props":1746,"children":1747},{"class":68,"line":177},[1748],{"type":14,"tag":66,"props":1749,"children":1750},{"class":73},[1751],{"type":20,"value":183},{"type":14,"tag":66,"props":1753,"children":1754},{"class":68,"line":186},[1755],{"type":14,"tag":66,"props":1756,"children":1757},{"class":73},[1758],{"type":20,"value":192},{"type":14,"tag":66,"props":1760,"children":1761},{"class":68,"line":195},[1762,1766,1770],{"type":14,"tag":66,"props":1763,"children":1764},{"class":73},[1765],{"type":20,"value":201},{"type":14,"tag":66,"props":1767,"children":1768},{"class":79},[1769],{"type":20,"value":82},{"type":14,"tag":66,"props":1771,"children":1772},{"class":73},[1773],{"type":20,"value":87},{"type":14,"tag":66,"props":1775,"children":1776},{"class":68,"line":212},[1777,1781,1785],{"type":14,"tag":66,"props":1778,"children":1779},{"class":73},[1780],{"type":20,"value":76},{"type":14,"tag":66,"props":1782,"children":1783},{"class":79},[1784],{"type":20,"value":39},{"type":14,"tag":66,"props":1786,"children":1787},{"class":73},[1788],{"type":20,"value":87},{"type":14,"tag":66,"props":1790,"children":1791},{"class":68,"line":228},[1792,1796,1800,1804,1808,1812,1816,1820,1824,1828,1832],{"type":14,"tag":66,"props":1793,"children":1794},{"class":73},[1795],{"type":20,"value":234},{"type":14,"tag":66,"props":1797,"children":1798},{"class":237},[1799],{"type":20,"value":240},{"type":14,"tag":66,"props":1801,"children":1802},{"class":73},[1803],{"type":20,"value":102},{"type":14,"tag":66,"props":1805,"children":1806},{"class":124},[1807],{"type":20,"value":268},{"type":14,"tag":66,"props":1809,"children":1810},{"class":73},[1811],{"type":20,"value":254},{"type":14,"tag":66,"props":1813,"children":1814},{"class":162},[1815],{"type":20,"value":277},{"type":14,"tag":66,"props":1817,"children":1818},{"class":73},[1819],{"type":20,"value":102},{"type":14,"tag":66,"props":1821,"children":1822},{"class":124},[1823],{"type":20,"value":286},{"type":14,"tag":66,"props":1825,"children":1826},{"class":73},[1827],{"type":20,"value":254},{"type":14,"tag":66,"props":1829,"children":1830},{"class":162},[1831],{"type":20,"value":295},{"type":14,"tag":66,"props":1833,"children":1834},{"class":73},[1835],{"type":20,"value":87},{"type":14,"tag":66,"props":1837,"children":1838},{"class":68,"line":303},[1839,1844,1848,1853,1858,1863,1867],{"type":14,"tag":66,"props":1840,"children":1841},{"class":73},[1842],{"type":20,"value":1843},"        \u003C",{"type":14,"tag":66,"props":1845,"children":1846},{"class":79},[1847],{"type":20,"value":39},{"type":14,"tag":66,"props":1849,"children":1850},{"class":73},[1851],{"type":20,"value":1852}," #",{"type":14,"tag":66,"props":1854,"children":1855},{"class":124},[1856],{"type":20,"value":1857},"prefix",{"type":14,"tag":66,"props":1859,"children":1860},{"class":73},[1861],{"type":20,"value":1862},">@\u003C/",{"type":14,"tag":66,"props":1864,"children":1865},{"class":79},[1866],{"type":20,"value":39},{"type":14,"tag":66,"props":1868,"children":1869},{"class":73},[1870],{"type":20,"value":87},{"type":14,"tag":66,"props":1872,"children":1873},{"class":68,"line":612},[1874,1879,1883],{"type":14,"tag":66,"props":1875,"children":1876},{"class":73},[1877],{"type":20,"value":1878},"    \u003C/",{"type":14,"tag":66,"props":1880,"children":1881},{"class":237},[1882],{"type":20,"value":240},{"type":14,"tag":66,"props":1884,"children":1885},{"class":73},[1886],{"type":20,"value":87},{"type":14,"tag":66,"props":1888,"children":1889},{"class":68,"line":678},[1890],{"type":14,"tag":66,"props":1891,"children":1892},{},[1893],{"type":20,"value":609},{"type":14,"tag":66,"props":1895,"children":1896},{"class":68,"line":686},[1897,1901,1905,1909,1913,1917,1921,1925,1929,1933,1937],{"type":14,"tag":66,"props":1898,"children":1899},{"class":73},[1900],{"type":20,"value":234},{"type":14,"tag":66,"props":1902,"children":1903},{"class":237},[1904],{"type":20,"value":240},{"type":14,"tag":66,"props":1906,"children":1907},{"class":73},[1908],{"type":20,"value":102},{"type":14,"tag":66,"props":1910,"children":1911},{"class":124},[1912],{"type":20,"value":268},{"type":14,"tag":66,"props":1914,"children":1915},{"class":73},[1916],{"type":20,"value":254},{"type":14,"tag":66,"props":1918,"children":1919},{"class":162},[1920],{"type":20,"value":277},{"type":14,"tag":66,"props":1922,"children":1923},{"class":73},[1924],{"type":20,"value":102},{"type":14,"tag":66,"props":1926,"children":1927},{"class":124},[1928],{"type":20,"value":286},{"type":14,"tag":66,"props":1930,"children":1931},{"class":73},[1932],{"type":20,"value":254},{"type":14,"tag":66,"props":1934,"children":1935},{"class":162},[1936],{"type":20,"value":295},{"type":14,"tag":66,"props":1938,"children":1939},{"class":73},[1940],{"type":20,"value":87},{"type":14,"tag":66,"props":1942,"children":1943},{"class":68,"line":752},[1944,1948,1952,1956,1961,1965,1969],{"type":14,"tag":66,"props":1945,"children":1946},{"class":73},[1947],{"type":20,"value":1843},{"type":14,"tag":66,"props":1949,"children":1950},{"class":79},[1951],{"type":20,"value":39},{"type":14,"tag":66,"props":1953,"children":1954},{"class":73},[1955],{"type":20,"value":1852},{"type":14,"tag":66,"props":1957,"children":1958},{"class":124},[1959],{"type":20,"value":1960},"suffix",{"type":14,"tag":66,"props":1962,"children":1963},{"class":73},[1964],{"type":20,"value":1862},{"type":14,"tag":66,"props":1966,"children":1967},{"class":79},[1968],{"type":20,"value":39},{"type":14,"tag":66,"props":1970,"children":1971},{"class":73},[1972],{"type":20,"value":87},{"type":14,"tag":66,"props":1974,"children":1975},{"class":68,"line":760},[1976,1980,1984],{"type":14,"tag":66,"props":1977,"children":1978},{"class":73},[1979],{"type":20,"value":1878},{"type":14,"tag":66,"props":1981,"children":1982},{"class":237},[1983],{"type":20,"value":240},{"type":14,"tag":66,"props":1985,"children":1986},{"class":73},[1987],{"type":20,"value":87},{"type":14,"tag":66,"props":1989,"children":1990},{"class":68,"line":826},[1991],{"type":14,"tag":66,"props":1992,"children":1993},{},[1994],{"type":20,"value":609},{"type":14,"tag":66,"props":1996,"children":1997},{"class":68,"line":834},[1998,2002,2006,2010,2014,2018,2022,2026,2030,2034,2038],{"type":14,"tag":66,"props":1999,"children":2000},{"class":73},[2001],{"type":20,"value":234},{"type":14,"tag":66,"props":2003,"children":2004},{"class":237},[2005],{"type":20,"value":240},{"type":14,"tag":66,"props":2007,"children":2008},{"class":73},[2009],{"type":20,"value":102},{"type":14,"tag":66,"props":2011,"children":2012},{"class":124},[2013],{"type":20,"value":268},{"type":14,"tag":66,"props":2015,"children":2016},{"class":73},[2017],{"type":20,"value":254},{"type":14,"tag":66,"props":2019,"children":2020},{"class":162},[2021],{"type":20,"value":277},{"type":14,"tag":66,"props":2023,"children":2024},{"class":73},[2025],{"type":20,"value":102},{"type":14,"tag":66,"props":2027,"children":2028},{"class":124},[2029],{"type":20,"value":286},{"type":14,"tag":66,"props":2031,"children":2032},{"class":73},[2033],{"type":20,"value":254},{"type":14,"tag":66,"props":2035,"children":2036},{"class":162},[2037],{"type":20,"value":295},{"type":14,"tag":66,"props":2039,"children":2040},{"class":73},[2041],{"type":20,"value":87},{"type":14,"tag":66,"props":2043,"children":2044},{"class":68,"line":900},[2045,2049,2053,2057,2061,2065,2069],{"type":14,"tag":66,"props":2046,"children":2047},{"class":73},[2048],{"type":20,"value":1843},{"type":14,"tag":66,"props":2050,"children":2051},{"class":79},[2052],{"type":20,"value":39},{"type":14,"tag":66,"props":2054,"children":2055},{"class":73},[2056],{"type":20,"value":1852},{"type":14,"tag":66,"props":2058,"children":2059},{"class":124},[2060],{"type":20,"value":1857},{"type":14,"tag":66,"props":2062,"children":2063},{"class":73},[2064],{"type":20,"value":1862},{"type":14,"tag":66,"props":2066,"children":2067},{"class":79},[2068],{"type":20,"value":39},{"type":14,"tag":66,"props":2070,"children":2071},{"class":73},[2072],{"type":20,"value":87},{"type":14,"tag":66,"props":2074,"children":2076},{"class":68,"line":2075},21,[2077,2081,2085,2089,2093,2097,2101],{"type":14,"tag":66,"props":2078,"children":2079},{"class":73},[2080],{"type":20,"value":1843},{"type":14,"tag":66,"props":2082,"children":2083},{"class":79},[2084],{"type":20,"value":39},{"type":14,"tag":66,"props":2086,"children":2087},{"class":73},[2088],{"type":20,"value":1852},{"type":14,"tag":66,"props":2090,"children":2091},{"class":124},[2092],{"type":20,"value":1960},{"type":14,"tag":66,"props":2094,"children":2095},{"class":73},[2096],{"type":20,"value":1862},{"type":14,"tag":66,"props":2098,"children":2099},{"class":79},[2100],{"type":20,"value":39},{"type":14,"tag":66,"props":2102,"children":2103},{"class":73},[2104],{"type":20,"value":87},{"type":14,"tag":66,"props":2106,"children":2108},{"class":68,"line":2107},22,[2109,2113,2117],{"type":14,"tag":66,"props":2110,"children":2111},{"class":73},[2112],{"type":20,"value":1878},{"type":14,"tag":66,"props":2114,"children":2115},{"class":237},[2116],{"type":20,"value":240},{"type":14,"tag":66,"props":2118,"children":2119},{"class":73},[2120],{"type":20,"value":87},{"type":14,"tag":66,"props":2122,"children":2124},{"class":68,"line":2123},23,[2125,2129,2133],{"type":14,"tag":66,"props":2126,"children":2127},{"class":73},[2128],{"type":20,"value":201},{"type":14,"tag":66,"props":2130,"children":2131},{"class":79},[2132],{"type":20,"value":39},{"type":14,"tag":66,"props":2134,"children":2135},{"class":73},[2136],{"type":20,"value":317},{"type":14,"tag":319,"props":2138,"children":2140},{"id":2139},"prepend-and-append",[2141],{"type":20,"value":2142},"Prepend and Append",{"type":14,"tag":29,"props":2144,"children":2145},{},[2146],{"type":20,"value":2147},"You can add additional content such as select fields, buttons or plain text, to either side of the input by using the prepend and append slots.",{"type":14,"tag":35,"props":2149,"children":2150},{},[2151,2158],{"type":14,"tag":39,"props":2152,"children":2153},{"v-slot:preview":7},[2154],{"type":14,"tag":43,"props":2155,"children":2157},{"src":2156},"/components/IInput/examples/prepend-append-text",[],{"type":14,"tag":39,"props":2159,"children":2160},{"v-slot:vue":7},[2161],{"type":14,"tag":51,"props":2162,"children":2165},{"className":2163,"code":2164,"language":56,"meta":7},[54],"\u003Cscript>\nexport default {\n    data() {\n        return {\n            value: ''\n        };\n    }\n};\n\u003C/script>\n\u003Ctemplate>\n    \u003CIInput v-model=\"value\" placeholder=\"Type something..\">\n        \u003Ctemplate #prepend>\n            \u003Cspan>https://\u003C/span>\n        \u003C/template>\n    \u003C/IInput>\n\n    \u003CIInput v-model=\"value\" placeholder=\"Type something..\">\n        \u003Ctemplate #append>\n            \u003Cspan>.com\u003C/span>\n        \u003C/template>\n    \u003C/IInput>\n\n    \u003CIInput v-model=\"value\" placeholder=\"Type something..\">\n        \u003Ctemplate #prepend>\n            \u003Cspan>https://\u003C/span>\n        \u003C/template>\n        \u003Ctemplate #append>\n            \u003Cspan>.com\u003C/span>\n        \u003C/template>\n    \u003C/IInput>\n\u003C/template>\n\n",[2166],{"type":14,"tag":59,"props":2167,"children":2168},{},[2169],{"type":14,"tag":51,"props":2170,"children":2171},{"__ignoreMap":7},[2172,2187,2206,2221,2236,2247,2254,2261,2268,2283,2298,2345,2369,2394,2410,2425,2432,2479,2503,2527,2542,2557,2564,2611,2635,2659,2675,2699,2723,2739,2755],{"type":14,"tag":66,"props":2173,"children":2174},{"class":68,"line":69},[2175,2179,2183],{"type":14,"tag":66,"props":2176,"children":2177},{"class":73},[2178],{"type":20,"value":76},{"type":14,"tag":66,"props":2180,"children":2181},{"class":79},[2182],{"type":20,"value":82},{"type":14,"tag":66,"props":2184,"children":2185},{"class":73},[2186],{"type":20,"value":87},{"type":14,"tag":66,"props":2188,"children":2189},{"class":68,"line":90},[2190,2194,2198,2202],{"type":14,"tag":66,"props":2191,"children":2192},{"class":94},[2193],{"type":20,"value":97},{"type":14,"tag":66,"props":2195,"children":2196},{"class":73},[2197],{"type":20,"value":102},{"type":14,"tag":66,"props":2199,"children":2200},{"class":94},[2201],{"type":20,"value":107},{"type":14,"tag":66,"props":2203,"children":2204},{"class":73},[2205],{"type":20,"value":112},{"type":14,"tag":66,"props":2207,"children":2208},{"class":68,"line":115},[2209,2213,2217],{"type":14,"tag":66,"props":2210,"children":2211},{"class":73},[2212],{"type":20,"value":121},{"type":14,"tag":66,"props":2214,"children":2215},{"class":124},[2216],{"type":20,"value":127},{"type":14,"tag":66,"props":2218,"children":2219},{"class":73},[2220],{"type":20,"value":132},{"type":14,"tag":66,"props":2222,"children":2223},{"class":68,"line":135},[2224,2228,2232],{"type":14,"tag":66,"props":2225,"children":2226},{"class":73},[2227],{"type":20,"value":141},{"type":14,"tag":66,"props":2229,"children":2230},{"class":94},[2231],{"type":20,"value":146},{"type":14,"tag":66,"props":2233,"children":2234},{"class":73},[2235],{"type":20,"value":112},{"type":14,"tag":66,"props":2237,"children":2238},{"class":68,"line":153},[2239,2243],{"type":14,"tag":66,"props":2240,"children":2241},{"class":73},[2242],{"type":20,"value":159},{"type":14,"tag":66,"props":2244,"children":2245},{"class":162},[2246],{"type":20,"value":165},{"type":14,"tag":66,"props":2248,"children":2249},{"class":68,"line":168},[2250],{"type":14,"tag":66,"props":2251,"children":2252},{"class":73},[2253],{"type":20,"value":174},{"type":14,"tag":66,"props":2255,"children":2256},{"class":68,"line":177},[2257],{"type":14,"tag":66,"props":2258,"children":2259},{"class":73},[2260],{"type":20,"value":183},{"type":14,"tag":66,"props":2262,"children":2263},{"class":68,"line":186},[2264],{"type":14,"tag":66,"props":2265,"children":2266},{"class":73},[2267],{"type":20,"value":192},{"type":14,"tag":66,"props":2269,"children":2270},{"class":68,"line":195},[2271,2275,2279],{"type":14,"tag":66,"props":2272,"children":2273},{"class":73},[2274],{"type":20,"value":201},{"type":14,"tag":66,"props":2276,"children":2277},{"class":79},[2278],{"type":20,"value":82},{"type":14,"tag":66,"props":2280,"children":2281},{"class":73},[2282],{"type":20,"value":87},{"type":14,"tag":66,"props":2284,"children":2285},{"class":68,"line":212},[2286,2290,2294],{"type":14,"tag":66,"props":2287,"children":2288},{"class":73},[2289],{"type":20,"value":76},{"type":14,"tag":66,"props":2291,"children":2292},{"class":79},[2293],{"type":20,"value":39},{"type":14,"tag":66,"props":2295,"children":2296},{"class":73},[2297],{"type":20,"value":87},{"type":14,"tag":66,"props":2299,"children":2300},{"class":68,"line":228},[2301,2305,2309,2313,2317,2321,2325,2329,2333,2337,2341],{"type":14,"tag":66,"props":2302,"children":2303},{"class":73},[2304],{"type":20,"value":234},{"type":14,"tag":66,"props":2306,"children":2307},{"class":237},[2308],{"type":20,"value":240},{"type":14,"tag":66,"props":2310,"children":2311},{"class":73},[2312],{"type":20,"value":102},{"type":14,"tag":66,"props":2314,"children":2315},{"class":124},[2316],{"type":20,"value":268},{"type":14,"tag":66,"props":2318,"children":2319},{"class":73},[2320],{"type":20,"value":254},{"type":14,"tag":66,"props":2322,"children":2323},{"class":162},[2324],{"type":20,"value":277},{"type":14,"tag":66,"props":2326,"children":2327},{"class":73},[2328],{"type":20,"value":102},{"type":14,"tag":66,"props":2330,"children":2331},{"class":124},[2332],{"type":20,"value":286},{"type":14,"tag":66,"props":2334,"children":2335},{"class":73},[2336],{"type":20,"value":254},{"type":14,"tag":66,"props":2338,"children":2339},{"class":162},[2340],{"type":20,"value":295},{"type":14,"tag":66,"props":2342,"children":2343},{"class":73},[2344],{"type":20,"value":87},{"type":14,"tag":66,"props":2346,"children":2347},{"class":68,"line":303},[2348,2352,2356,2360,2365],{"type":14,"tag":66,"props":2349,"children":2350},{"class":73},[2351],{"type":20,"value":1843},{"type":14,"tag":66,"props":2353,"children":2354},{"class":79},[2355],{"type":20,"value":39},{"type":14,"tag":66,"props":2357,"children":2358},{"class":73},[2359],{"type":20,"value":1852},{"type":14,"tag":66,"props":2361,"children":2362},{"class":124},[2363],{"type":20,"value":2364},"prepend",{"type":14,"tag":66,"props":2366,"children":2367},{"class":73},[2368],{"type":20,"value":87},{"type":14,"tag":66,"props":2370,"children":2371},{"class":68,"line":612},[2372,2377,2381,2386,2390],{"type":14,"tag":66,"props":2373,"children":2374},{"class":73},[2375],{"type":20,"value":2376},"            \u003C",{"type":14,"tag":66,"props":2378,"children":2379},{"class":79},[2380],{"type":20,"value":66},{"type":14,"tag":66,"props":2382,"children":2383},{"class":73},[2384],{"type":20,"value":2385},">https://\u003C/",{"type":14,"tag":66,"props":2387,"children":2388},{"class":79},[2389],{"type":20,"value":66},{"type":14,"tag":66,"props":2391,"children":2392},{"class":73},[2393],{"type":20,"value":87},{"type":14,"tag":66,"props":2395,"children":2396},{"class":68,"line":678},[2397,2402,2406],{"type":14,"tag":66,"props":2398,"children":2399},{"class":73},[2400],{"type":20,"value":2401},"        \u003C/",{"type":14,"tag":66,"props":2403,"children":2404},{"class":79},[2405],{"type":20,"value":39},{"type":14,"tag":66,"props":2407,"children":2408},{"class":73},[2409],{"type":20,"value":87},{"type":14,"tag":66,"props":2411,"children":2412},{"class":68,"line":686},[2413,2417,2421],{"type":14,"tag":66,"props":2414,"children":2415},{"class":73},[2416],{"type":20,"value":1878},{"type":14,"tag":66,"props":2418,"children":2419},{"class":237},[2420],{"type":20,"value":240},{"type":14,"tag":66,"props":2422,"children":2423},{"class":73},[2424],{"type":20,"value":87},{"type":14,"tag":66,"props":2426,"children":2427},{"class":68,"line":752},[2428],{"type":14,"tag":66,"props":2429,"children":2430},{},[2431],{"type":20,"value":609},{"type":14,"tag":66,"props":2433,"children":2434},{"class":68,"line":760},[2435,2439,2443,2447,2451,2455,2459,2463,2467,2471,2475],{"type":14,"tag":66,"props":2436,"children":2437},{"class":73},[2438],{"type":20,"value":234},{"type":14,"tag":66,"props":2440,"children":2441},{"class":237},[2442],{"type":20,"value":240},{"type":14,"tag":66,"props":2444,"children":2445},{"class":73},[2446],{"type":20,"value":102},{"type":14,"tag":66,"props":2448,"children":2449},{"class":124},[2450],{"type":20,"value":268},{"type":14,"tag":66,"props":2452,"children":2453},{"class":73},[2454],{"type":20,"value":254},{"type":14,"tag":66,"props":2456,"children":2457},{"class":162},[2458],{"type":20,"value":277},{"type":14,"tag":66,"props":2460,"children":2461},{"class":73},[2462],{"type":20,"value":102},{"type":14,"tag":66,"props":2464,"children":2465},{"class":124},[2466],{"type":20,"value":286},{"type":14,"tag":66,"props":2468,"children":2469},{"class":73},[2470],{"type":20,"value":254},{"type":14,"tag":66,"props":2472,"children":2473},{"class":162},[2474],{"type":20,"value":295},{"type":14,"tag":66,"props":2476,"children":2477},{"class":73},[2478],{"type":20,"value":87},{"type":14,"tag":66,"props":2480,"children":2481},{"class":68,"line":826},[2482,2486,2490,2494,2499],{"type":14,"tag":66,"props":2483,"children":2484},{"class":73},[2485],{"type":20,"value":1843},{"type":14,"tag":66,"props":2487,"children":2488},{"class":79},[2489],{"type":20,"value":39},{"type":14,"tag":66,"props":2491,"children":2492},{"class":73},[2493],{"type":20,"value":1852},{"type":14,"tag":66,"props":2495,"children":2496},{"class":124},[2497],{"type":20,"value":2498},"append",{"type":14,"tag":66,"props":2500,"children":2501},{"class":73},[2502],{"type":20,"value":87},{"type":14,"tag":66,"props":2504,"children":2505},{"class":68,"line":834},[2506,2510,2514,2519,2523],{"type":14,"tag":66,"props":2507,"children":2508},{"class":73},[2509],{"type":20,"value":2376},{"type":14,"tag":66,"props":2511,"children":2512},{"class":79},[2513],{"type":20,"value":66},{"type":14,"tag":66,"props":2515,"children":2516},{"class":73},[2517],{"type":20,"value":2518},">.com\u003C/",{"type":14,"tag":66,"props":2520,"children":2521},{"class":79},[2522],{"type":20,"value":66},{"type":14,"tag":66,"props":2524,"children":2525},{"class":73},[2526],{"type":20,"value":87},{"type":14,"tag":66,"props":2528,"children":2529},{"class":68,"line":900},[2530,2534,2538],{"type":14,"tag":66,"props":2531,"children":2532},{"class":73},[2533],{"type":20,"value":2401},{"type":14,"tag":66,"props":2535,"children":2536},{"class":79},[2537],{"type":20,"value":39},{"type":14,"tag":66,"props":2539,"children":2540},{"class":73},[2541],{"type":20,"value":87},{"type":14,"tag":66,"props":2543,"children":2544},{"class":68,"line":2075},[2545,2549,2553],{"type":14,"tag":66,"props":2546,"children":2547},{"class":73},[2548],{"type":20,"value":1878},{"type":14,"tag":66,"props":2550,"children":2551},{"class":237},[2552],{"type":20,"value":240},{"type":14,"tag":66,"props":2554,"children":2555},{"class":73},[2556],{"type":20,"value":87},{"type":14,"tag":66,"props":2558,"children":2559},{"class":68,"line":2107},[2560],{"type":14,"tag":66,"props":2561,"children":2562},{},[2563],{"type":20,"value":609},{"type":14,"tag":66,"props":2565,"children":2566},{"class":68,"line":2123},[2567,2571,2575,2579,2583,2587,2591,2595,2599,2603,2607],{"type":14,"tag":66,"props":2568,"children":2569},{"class":73},[2570],{"type":20,"value":234},{"type":14,"tag":66,"props":2572,"children":2573},{"class":237},[2574],{"type":20,"value":240},{"type":14,"tag":66,"props":2576,"children":2577},{"class":73},[2578],{"type":20,"value":102},{"type":14,"tag":66,"props":2580,"children":2581},{"class":124},[2582],{"type":20,"value":268},{"type":14,"tag":66,"props":2584,"children":2585},{"class":73},[2586],{"type":20,"value":254},{"type":14,"tag":66,"props":2588,"children":2589},{"class":162},[2590],{"type":20,"value":277},{"type":14,"tag":66,"props":2592,"children":2593},{"class":73},[2594],{"type":20,"value":102},{"type":14,"tag":66,"props":2596,"children":2597},{"class":124},[2598],{"type":20,"value":286},{"type":14,"tag":66,"props":2600,"children":2601},{"class":73},[2602],{"type":20,"value":254},{"type":14,"tag":66,"props":2604,"children":2605},{"class":162},[2606],{"type":20,"value":295},{"type":14,"tag":66,"props":2608,"children":2609},{"class":73},[2610],{"type":20,"value":87},{"type":14,"tag":66,"props":2612,"children":2614},{"class":68,"line":2613},24,[2615,2619,2623,2627,2631],{"type":14,"tag":66,"props":2616,"children":2617},{"class":73},[2618],{"type":20,"value":1843},{"type":14,"tag":66,"props":2620,"children":2621},{"class":79},[2622],{"type":20,"value":39},{"type":14,"tag":66,"props":2624,"children":2625},{"class":73},[2626],{"type":20,"value":1852},{"type":14,"tag":66,"props":2628,"children":2629},{"class":124},[2630],{"type":20,"value":2364},{"type":14,"tag":66,"props":2632,"children":2633},{"class":73},[2634],{"type":20,"value":87},{"type":14,"tag":66,"props":2636,"children":2638},{"class":68,"line":2637},25,[2639,2643,2647,2651,2655],{"type":14,"tag":66,"props":2640,"children":2641},{"class":73},[2642],{"type":20,"value":2376},{"type":14,"tag":66,"props":2644,"children":2645},{"class":79},[2646],{"type":20,"value":66},{"type":14,"tag":66,"props":2648,"children":2649},{"class":73},[2650],{"type":20,"value":2385},{"type":14,"tag":66,"props":2652,"children":2653},{"class":79},[2654],{"type":20,"value":66},{"type":14,"tag":66,"props":2656,"children":2657},{"class":73},[2658],{"type":20,"value":87},{"type":14,"tag":66,"props":2660,"children":2662},{"class":68,"line":2661},26,[2663,2667,2671],{"type":14,"tag":66,"props":2664,"children":2665},{"class":73},[2666],{"type":20,"value":2401},{"type":14,"tag":66,"props":2668,"children":2669},{"class":79},[2670],{"type":20,"value":39},{"type":14,"tag":66,"props":2672,"children":2673},{"class":73},[2674],{"type":20,"value":87},{"type":14,"tag":66,"props":2676,"children":2678},{"class":68,"line":2677},27,[2679,2683,2687,2691,2695],{"type":14,"tag":66,"props":2680,"children":2681},{"class":73},[2682],{"type":20,"value":1843},{"type":14,"tag":66,"props":2684,"children":2685},{"class":79},[2686],{"type":20,"value":39},{"type":14,"tag":66,"props":2688,"children":2689},{"class":73},[2690],{"type":20,"value":1852},{"type":14,"tag":66,"props":2692,"children":2693},{"class":124},[2694],{"type":20,"value":2498},{"type":14,"tag":66,"props":2696,"children":2697},{"class":73},[2698],{"type":20,"value":87},{"type":14,"tag":66,"props":2700,"children":2702},{"class":68,"line":2701},28,[2703,2707,2711,2715,2719],{"type":14,"tag":66,"props":2704,"children":2705},{"class":73},[2706],{"type":20,"value":2376},{"type":14,"tag":66,"props":2708,"children":2709},{"class":79},[2710],{"type":20,"value":66},{"type":14,"tag":66,"props":2712,"children":2713},{"class":73},[2714],{"type":20,"value":2518},{"type":14,"tag":66,"props":2716,"children":2717},{"class":79},[2718],{"type":20,"value":66},{"type":14,"tag":66,"props":2720,"children":2721},{"class":73},[2722],{"type":20,"value":87},{"type":14,"tag":66,"props":2724,"children":2726},{"class":68,"line":2725},29,[2727,2731,2735],{"type":14,"tag":66,"props":2728,"children":2729},{"class":73},[2730],{"type":20,"value":2401},{"type":14,"tag":66,"props":2732,"children":2733},{"class":79},[2734],{"type":20,"value":39},{"type":14,"tag":66,"props":2736,"children":2737},{"class":73},[2738],{"type":20,"value":87},{"type":14,"tag":66,"props":2740,"children":2742},{"class":68,"line":2741},30,[2743,2747,2751],{"type":14,"tag":66,"props":2744,"children":2745},{"class":73},[2746],{"type":20,"value":1878},{"type":14,"tag":66,"props":2748,"children":2749},{"class":237},[2750],{"type":20,"value":240},{"type":14,"tag":66,"props":2752,"children":2753},{"class":73},[2754],{"type":20,"value":87},{"type":14,"tag":66,"props":2756,"children":2758},{"class":68,"line":2757},31,[2759,2763,2767],{"type":14,"tag":66,"props":2760,"children":2761},{"class":73},[2762],{"type":20,"value":201},{"type":14,"tag":66,"props":2764,"children":2765},{"class":79},[2766],{"type":20,"value":39},{"type":14,"tag":66,"props":2768,"children":2769},{"class":73},[2770],{"type":20,"value":317},{"type":14,"tag":35,"props":2772,"children":2773},{},[2774,2781],{"type":14,"tag":39,"props":2775,"children":2776},{"v-slot:preview":7},[2777],{"type":14,"tag":43,"props":2778,"children":2780},{"src":2779},"/components/IInput/examples/prepend-append-button",[],{"type":14,"tag":39,"props":2782,"children":2783},{"v-slot:vue":7},[2784],{"type":14,"tag":51,"props":2785,"children":2788},{"className":2786,"code":2787,"language":56,"meta":7},[54],"\u003Cscript>\nexport default {\n    data() {\n        return {\n            value: ''\n        };\n    }\n};\n\u003C/script>\n\u003Ctemplate>\n    \u003CIInput v-model=\"value\" placeholder=\"Type something..\">\n        \u003Ctemplate #prepend>\n            \u003CIButton>Button\u003C/IButton>\n        \u003C/template>\n    \u003C/IInput>\n\n    \u003CIInput v-model=\"value\" placeholder=\"Type something..\">\n        \u003Ctemplate #append>\n            \u003CIButton>Button\u003C/IButton>\n        \u003C/template>\n    \u003C/IInput>\n\n    \u003CIInput v-model=\"value\" placeholder=\"Type something..\">\n        \u003Ctemplate #prepend>\n            \u003CIButton>Button\u003C/IButton>\n        \u003C/template>\n        \u003Ctemplate #append>\n            \u003CIButton>Button\u003C/IButton>\n        \u003C/template>\n    \u003C/IInput>\n\u003C/template>\n\n",[2789],{"type":14,"tag":59,"props":2790,"children":2791},{},[2792],{"type":14,"tag":51,"props":2793,"children":2794},{"__ignoreMap":7},[2795,2810,2829,2844,2859,2870,2877,2884,2891,2906,2921,2968,2991,3016,3031,3046,3053,3100,3123,3146,3161,3176,3183,3230,3253,3276,3291,3314,3337,3352,3367],{"type":14,"tag":66,"props":2796,"children":2797},{"class":68,"line":69},[2798,2802,2806],{"type":14,"tag":66,"props":2799,"children":2800},{"class":73},[2801],{"type":20,"value":76},{"type":14,"tag":66,"props":2803,"children":2804},{"class":79},[2805],{"type":20,"value":82},{"type":14,"tag":66,"props":2807,"children":2808},{"class":73},[2809],{"type":20,"value":87},{"type":14,"tag":66,"props":2811,"children":2812},{"class":68,"line":90},[2813,2817,2821,2825],{"type":14,"tag":66,"props":2814,"children":2815},{"class":94},[2816],{"type":20,"value":97},{"type":14,"tag":66,"props":2818,"children":2819},{"class":73},[2820],{"type":20,"value":102},{"type":14,"tag":66,"props":2822,"children":2823},{"class":94},[2824],{"type":20,"value":107},{"type":14,"tag":66,"props":2826,"children":2827},{"class":73},[2828],{"type":20,"value":112},{"type":14,"tag":66,"props":2830,"children":2831},{"class":68,"line":115},[2832,2836,2840],{"type":14,"tag":66,"props":2833,"children":2834},{"class":73},[2835],{"type":20,"value":121},{"type":14,"tag":66,"props":2837,"children":2838},{"class":124},[2839],{"type":20,"value":127},{"type":14,"tag":66,"props":2841,"children":2842},{"class":73},[2843],{"type":20,"value":132},{"type":14,"tag":66,"props":2845,"children":2846},{"class":68,"line":135},[2847,2851,2855],{"type":14,"tag":66,"props":2848,"children":2849},{"class":73},[2850],{"type":20,"value":141},{"type":14,"tag":66,"props":2852,"children":2853},{"class":94},[2854],{"type":20,"value":146},{"type":14,"tag":66,"props":2856,"children":2857},{"class":73},[2858],{"type":20,"value":112},{"type":14,"tag":66,"props":2860,"children":2861},{"class":68,"line":153},[2862,2866],{"type":14,"tag":66,"props":2863,"children":2864},{"class":73},[2865],{"type":20,"value":159},{"type":14,"tag":66,"props":2867,"children":2868},{"class":162},[2869],{"type":20,"value":165},{"type":14,"tag":66,"props":2871,"children":2872},{"class":68,"line":168},[2873],{"type":14,"tag":66,"props":2874,"children":2875},{"class":73},[2876],{"type":20,"value":174},{"type":14,"tag":66,"props":2878,"children":2879},{"class":68,"line":177},[2880],{"type":14,"tag":66,"props":2881,"children":2882},{"class":73},[2883],{"type":20,"value":183},{"type":14,"tag":66,"props":2885,"children":2886},{"class":68,"line":186},[2887],{"type":14,"tag":66,"props":2888,"children":2889},{"class":73},[2890],{"type":20,"value":192},{"type":14,"tag":66,"props":2892,"children":2893},{"class":68,"line":195},[2894,2898,2902],{"type":14,"tag":66,"props":2895,"children":2896},{"class":73},[2897],{"type":20,"value":201},{"type":14,"tag":66,"props":2899,"children":2900},{"class":79},[2901],{"type":20,"value":82},{"type":14,"tag":66,"props":2903,"children":2904},{"class":73},[2905],{"type":20,"value":87},{"type":14,"tag":66,"props":2907,"children":2908},{"class":68,"line":212},[2909,2913,2917],{"type":14,"tag":66,"props":2910,"children":2911},{"class":73},[2912],{"type":20,"value":76},{"type":14,"tag":66,"props":2914,"children":2915},{"class":79},[2916],{"type":20,"value":39},{"type":14,"tag":66,"props":2918,"children":2919},{"class":73},[2920],{"type":20,"value":87},{"type":14,"tag":66,"props":2922,"children":2923},{"class":68,"line":228},[2924,2928,2932,2936,2940,2944,2948,2952,2956,2960,2964],{"type":14,"tag":66,"props":2925,"children":2926},{"class":73},[2927],{"type":20,"value":234},{"type":14,"tag":66,"props":2929,"children":2930},{"class":237},[2931],{"type":20,"value":240},{"type":14,"tag":66,"props":2933,"children":2934},{"class":73},[2935],{"type":20,"value":102},{"type":14,"tag":66,"props":2937,"children":2938},{"class":124},[2939],{"type":20,"value":268},{"type":14,"tag":66,"props":2941,"children":2942},{"class":73},[2943],{"type":20,"value":254},{"type":14,"tag":66,"props":2945,"children":2946},{"class":162},[2947],{"type":20,"value":277},{"type":14,"tag":66,"props":2949,"children":2950},{"class":73},[2951],{"type":20,"value":102},{"type":14,"tag":66,"props":2953,"children":2954},{"class":124},[2955],{"type":20,"value":286},{"type":14,"tag":66,"props":2957,"children":2958},{"class":73},[2959],{"type":20,"value":254},{"type":14,"tag":66,"props":2961,"children":2962},{"class":162},[2963],{"type":20,"value":295},{"type":14,"tag":66,"props":2965,"children":2966},{"class":73},[2967],{"type":20,"value":87},{"type":14,"tag":66,"props":2969,"children":2970},{"class":68,"line":303},[2971,2975,2979,2983,2987],{"type":14,"tag":66,"props":2972,"children":2973},{"class":73},[2974],{"type":20,"value":1843},{"type":14,"tag":66,"props":2976,"children":2977},{"class":79},[2978],{"type":20,"value":39},{"type":14,"tag":66,"props":2980,"children":2981},{"class":73},[2982],{"type":20,"value":1852},{"type":14,"tag":66,"props":2984,"children":2985},{"class":124},[2986],{"type":20,"value":2364},{"type":14,"tag":66,"props":2988,"children":2989},{"class":73},[2990],{"type":20,"value":87},{"type":14,"tag":66,"props":2992,"children":2993},{"class":68,"line":612},[2994,2998,3003,3008,3012],{"type":14,"tag":66,"props":2995,"children":2996},{"class":73},[2997],{"type":20,"value":2376},{"type":14,"tag":66,"props":2999,"children":3000},{"class":237},[3001],{"type":20,"value":3002},"IButton",{"type":14,"tag":66,"props":3004,"children":3005},{"class":73},[3006],{"type":20,"value":3007},">Button\u003C/",{"type":14,"tag":66,"props":3009,"children":3010},{"class":237},[3011],{"type":20,"value":3002},{"type":14,"tag":66,"props":3013,"children":3014},{"class":73},[3015],{"type":20,"value":87},{"type":14,"tag":66,"props":3017,"children":3018},{"class":68,"line":678},[3019,3023,3027],{"type":14,"tag":66,"props":3020,"children":3021},{"class":73},[3022],{"type":20,"value":2401},{"type":14,"tag":66,"props":3024,"children":3025},{"class":79},[3026],{"type":20,"value":39},{"type":14,"tag":66,"props":3028,"children":3029},{"class":73},[3030],{"type":20,"value":87},{"type":14,"tag":66,"props":3032,"children":3033},{"class":68,"line":686},[3034,3038,3042],{"type":14,"tag":66,"props":3035,"children":3036},{"class":73},[3037],{"type":20,"value":1878},{"type":14,"tag":66,"props":3039,"children":3040},{"class":237},[3041],{"type":20,"value":240},{"type":14,"tag":66,"props":3043,"children":3044},{"class":73},[3045],{"type":20,"value":87},{"type":14,"tag":66,"props":3047,"children":3048},{"class":68,"line":752},[3049],{"type":14,"tag":66,"props":3050,"children":3051},{},[3052],{"type":20,"value":609},{"type":14,"tag":66,"props":3054,"children":3055},{"class":68,"line":760},[3056,3060,3064,3068,3072,3076,3080,3084,3088,3092,3096],{"type":14,"tag":66,"props":3057,"children":3058},{"class":73},[3059],{"type":20,"value":234},{"type":14,"tag":66,"props":3061,"children":3062},{"class":237},[3063],{"type":20,"value":240},{"type":14,"tag":66,"props":3065,"children":3066},{"class":73},[3067],{"type":20,"value":102},{"type":14,"tag":66,"props":3069,"children":3070},{"class":124},[3071],{"type":20,"value":268},{"type":14,"tag":66,"props":3073,"children":3074},{"class":73},[3075],{"type":20,"value":254},{"type":14,"tag":66,"props":3077,"children":3078},{"class":162},[3079],{"type":20,"value":277},{"type":14,"tag":66,"props":3081,"children":3082},{"class":73},[3083],{"type":20,"value":102},{"type":14,"tag":66,"props":3085,"children":3086},{"class":124},[3087],{"type":20,"value":286},{"type":14,"tag":66,"props":3089,"children":3090},{"class":73},[3091],{"type":20,"value":254},{"type":14,"tag":66,"props":3093,"children":3094},{"class":162},[3095],{"type":20,"value":295},{"type":14,"tag":66,"props":3097,"children":3098},{"class":73},[3099],{"type":20,"value":87},{"type":14,"tag":66,"props":3101,"children":3102},{"class":68,"line":826},[3103,3107,3111,3115,3119],{"type":14,"tag":66,"props":3104,"children":3105},{"class":73},[3106],{"type":20,"value":1843},{"type":14,"tag":66,"props":3108,"children":3109},{"class":79},[3110],{"type":20,"value":39},{"type":14,"tag":66,"props":3112,"children":3113},{"class":73},[3114],{"type":20,"value":1852},{"type":14,"tag":66,"props":3116,"children":3117},{"class":124},[3118],{"type":20,"value":2498},{"type":14,"tag":66,"props":3120,"children":3121},{"class":73},[3122],{"type":20,"value":87},{"type":14,"tag":66,"props":3124,"children":3125},{"class":68,"line":834},[3126,3130,3134,3138,3142],{"type":14,"tag":66,"props":3127,"children":3128},{"class":73},[3129],{"type":20,"value":2376},{"type":14,"tag":66,"props":3131,"children":3132},{"class":237},[3133],{"type":20,"value":3002},{"type":14,"tag":66,"props":3135,"children":3136},{"class":73},[3137],{"type":20,"value":3007},{"type":14,"tag":66,"props":3139,"children":3140},{"class":237},[3141],{"type":20,"value":3002},{"type":14,"tag":66,"props":3143,"children":3144},{"class":73},[3145],{"type":20,"value":87},{"type":14,"tag":66,"props":3147,"children":3148},{"class":68,"line":900},[3149,3153,3157],{"type":14,"tag":66,"props":3150,"children":3151},{"class":73},[3152],{"type":20,"value":2401},{"type":14,"tag":66,"props":3154,"children":3155},{"class":79},[3156],{"type":20,"value":39},{"type":14,"tag":66,"props":3158,"children":3159},{"class":73},[3160],{"type":20,"value":87},{"type":14,"tag":66,"props":3162,"children":3163},{"class":68,"line":2075},[3164,3168,3172],{"type":14,"tag":66,"props":3165,"children":3166},{"class":73},[3167],{"type":20,"value":1878},{"type":14,"tag":66,"props":3169,"children":3170},{"class":237},[3171],{"type":20,"value":240},{"type":14,"tag":66,"props":3173,"children":3174},{"class":73},[3175],{"type":20,"value":87},{"type":14,"tag":66,"props":3177,"children":3178},{"class":68,"line":2107},[3179],{"type":14,"tag":66,"props":3180,"children":3181},{},[3182],{"type":20,"value":609},{"type":14,"tag":66,"props":3184,"children":3185},{"class":68,"line":2123},[3186,3190,3194,3198,3202,3206,3210,3214,3218,3222,3226],{"type":14,"tag":66,"props":3187,"children":3188},{"class":73},[3189],{"type":20,"value":234},{"type":14,"tag":66,"props":3191,"children":3192},{"class":237},[3193],{"type":20,"value":240},{"type":14,"tag":66,"props":3195,"children":3196},{"class":73},[3197],{"type":20,"value":102},{"type":14,"tag":66,"props":3199,"children":3200},{"class":124},[3201],{"type":20,"value":268},{"type":14,"tag":66,"props":3203,"children":3204},{"class":73},[3205],{"type":20,"value":254},{"type":14,"tag":66,"props":3207,"children":3208},{"class":162},[3209],{"type":20,"value":277},{"type":14,"tag":66,"props":3211,"children":3212},{"class":73},[3213],{"type":20,"value":102},{"type":14,"tag":66,"props":3215,"children":3216},{"class":124},[3217],{"type":20,"value":286},{"type":14,"tag":66,"props":3219,"children":3220},{"class":73},[3221],{"type":20,"value":254},{"type":14,"tag":66,"props":3223,"children":3224},{"class":162},[3225],{"type":20,"value":295},{"type":14,"tag":66,"props":3227,"children":3228},{"class":73},[3229],{"type":20,"value":87},{"type":14,"tag":66,"props":3231,"children":3232},{"class":68,"line":2613},[3233,3237,3241,3245,3249],{"type":14,"tag":66,"props":3234,"children":3235},{"class":73},[3236],{"type":20,"value":1843},{"type":14,"tag":66,"props":3238,"children":3239},{"class":79},[3240],{"type":20,"value":39},{"type":14,"tag":66,"props":3242,"children":3243},{"class":73},[3244],{"type":20,"value":1852},{"type":14,"tag":66,"props":3246,"children":3247},{"class":124},[3248],{"type":20,"value":2364},{"type":14,"tag":66,"props":3250,"children":3251},{"class":73},[3252],{"type":20,"value":87},{"type":14,"tag":66,"props":3254,"children":3255},{"class":68,"line":2637},[3256,3260,3264,3268,3272],{"type":14,"tag":66,"props":3257,"children":3258},{"class":73},[3259],{"type":20,"value":2376},{"type":14,"tag":66,"props":3261,"children":3262},{"class":237},[3263],{"type":20,"value":3002},{"type":14,"tag":66,"props":3265,"children":3266},{"class":73},[3267],{"type":20,"value":3007},{"type":14,"tag":66,"props":3269,"children":3270},{"class":237},[3271],{"type":20,"value":3002},{"type":14,"tag":66,"props":3273,"children":3274},{"class":73},[3275],{"type":20,"value":87},{"type":14,"tag":66,"props":3277,"children":3278},{"class":68,"line":2661},[3279,3283,3287],{"type":14,"tag":66,"props":3280,"children":3281},{"class":73},[3282],{"type":20,"value":2401},{"type":14,"tag":66,"props":3284,"children":3285},{"class":79},[3286],{"type":20,"value":39},{"type":14,"tag":66,"props":3288,"children":3289},{"class":73},[3290],{"type":20,"value":87},{"type":14,"tag":66,"props":3292,"children":3293},{"class":68,"line":2677},[3294,3298,3302,3306,3310],{"type":14,"tag":66,"props":3295,"children":3296},{"class":73},[3297],{"type":20,"value":1843},{"type":14,"tag":66,"props":3299,"children":3300},{"class":79},[3301],{"type":20,"value":39},{"type":14,"tag":66,"props":3303,"children":3304},{"class":73},[3305],{"type":20,"value":1852},{"type":14,"tag":66,"props":3307,"children":3308},{"class":124},[3309],{"type":20,"value":2498},{"type":14,"tag":66,"props":3311,"children":3312},{"class":73},[3313],{"type":20,"value":87},{"type":14,"tag":66,"props":3315,"children":3316},{"class":68,"line":2701},[3317,3321,3325,3329,3333],{"type":14,"tag":66,"props":3318,"children":3319},{"class":73},[3320],{"type":20,"value":2376},{"type":14,"tag":66,"props":3322,"children":3323},{"class":237},[3324],{"type":20,"value":3002},{"type":14,"tag":66,"props":3326,"children":3327},{"class":73},[3328],{"type":20,"value":3007},{"type":14,"tag":66,"props":3330,"children":3331},{"class":237},[3332],{"type":20,"value":3002},{"type":14,"tag":66,"props":3334,"children":3335},{"class":73},[3336],{"type":20,"value":87},{"type":14,"tag":66,"props":3338,"children":3339},{"class":68,"line":2725},[3340,3344,3348],{"type":14,"tag":66,"props":3341,"children":3342},{"class":73},[3343],{"type":20,"value":2401},{"type":14,"tag":66,"props":3345,"children":3346},{"class":79},[3347],{"type":20,"value":39},{"type":14,"tag":66,"props":3349,"children":3350},{"class":73},[3351],{"type":20,"value":87},{"type":14,"tag":66,"props":3353,"children":3354},{"class":68,"line":2741},[3355,3359,3363],{"type":14,"tag":66,"props":3356,"children":3357},{"class":73},[3358],{"type":20,"value":1878},{"type":14,"tag":66,"props":3360,"children":3361},{"class":237},[3362],{"type":20,"value":240},{"type":14,"tag":66,"props":3364,"children":3365},{"class":73},[3366],{"type":20,"value":87},{"type":14,"tag":66,"props":3368,"children":3369},{"class":68,"line":2757},[3370,3374,3378],{"type":14,"tag":66,"props":3371,"children":3372},{"class":73},[3373],{"type":20,"value":201},{"type":14,"tag":66,"props":3375,"children":3376},{"class":79},[3377],{"type":20,"value":39},{"type":14,"tag":66,"props":3379,"children":3380},{"class":73},[3381],{"type":20,"value":317},{"type":14,"tag":35,"props":3383,"children":3384},{},[3385,3392],{"type":14,"tag":39,"props":3386,"children":3387},{"v-slot:preview":7},[3388],{"type":14,"tag":43,"props":3389,"children":3391},{"src":3390},"/components/IInput/examples/prepend-append-dropdown",[],{"type":14,"tag":39,"props":3393,"children":3394},{"v-slot:vue":7},[3395],{"type":14,"tag":51,"props":3396,"children":3399},{"className":3397,"code":3398,"language":56,"meta":7},[54],"\u003Cscript>\nexport default {\n    data() {\n        return {\n            value: ''\n        };\n    }\n};\n\u003C/script>\n\u003Ctemplate>\n    \u003CIInput v-model=\"value\" placeholder=\"Type something..\">\n        \u003Ctemplate #prepend>\n            \u003CIDropdown>\n                \u003CIButton>Dropdown\u003C/IButton>\n                \u003Ctemplate #body>\n                    \u003CIDropdownItem>Action\u003C/IDropdownItem>\n                    \u003CIDropdownItem>Another action\u003C/IDropdownItem>\n                    \u003CIDropdownItem disabled>Disabled action\u003C/IDropdownItem>\n                    \u003CIDropdownDivider />\n                    \u003CIDropdownItem>Separated item\u003C/IDropdownItem>\n                \u003C/template>\n            \u003C/IDropdown>\n        \u003C/template>\n    \u003C/IInput>\n\n    \u003CIInput v-model=\"value\" placeholder=\"Type something..\">\n        \u003Ctemplate #append>\n            \u003CIDropdown>\n                \u003CIButton>Dropdown\u003C/IButton>\n                \u003Ctemplate #body>\n                    \u003CIDropdownItem>Action\u003C/IDropdownItem>\n                    \u003CIDropdownItem>Another action\u003C/IDropdownItem>\n                    \u003CIDropdownItem disabled>Disabled action\u003C/IDropdownItem>\n                    \u003CIDropdownDivider />\n                    \u003CIDropdownItem>Separated item\u003C/IDropdownItem>\n                \u003C/template>\n            \u003C/IDropdown>\n        \u003C/template>\n    \u003C/IInput>\n\n    \u003CIInput v-model=\"value\" placeholder=\"Type something..\">\n        \u003Ctemplate #prepend>\n            \u003CIDropdown>\n                \u003CIButton>Dropdown\u003C/IButton>\n                \u003Ctemplate #body>\n                    \u003CIDropdownItem>Action\u003C/IDropdownItem>\n                    \u003CIDropdownItem>Another action\u003C/IDropdownItem>\n                    \u003CIDropdownItem disabled>Disabled action\u003C/IDropdownItem>\n                    \u003CIDropdownDivider />\n                    \u003CIDropdownItem>Separated item\u003C/IDropdownItem>\n                \u003C/template>\n            \u003C/IDropdown>\n        \u003C/template>\n        \u003Ctemplate #append>\n            \u003CIDropdown>\n                \u003CIButton>Dropdown\u003C/IButton>\n                \u003Ctemplate #body>\n                    \u003CIDropdownItem>Action\u003C/IDropdownItem>\n                    \u003CIDropdownItem>Another action\u003C/IDropdownItem>\n                    \u003CIDropdownItem disabled>Disabled action\u003C/IDropdownItem>\n                    \u003CIDropdownDivider />\n                    \u003CIDropdownItem>Separated item\u003C/IDropdownItem>\n                \u003C/template>\n            \u003C/IDropdown>\n        \u003C/template>\n    \u003C/IInput>\n\u003C/template>\n\n",[3400],{"type":14,"tag":59,"props":3401,"children":3402},{},[3403],{"type":14,"tag":51,"props":3404,"children":3405},{"__ignoreMap":7},[3406,3421,3440,3455,3470,3481,3488,3495,3502,3517,3532,3579,3602,3618,3643,3667,3693,3717,3749,3765,3789,3805,3821,3836,3851,3858,3905,3928,3943,3966,3989,4012,4036,4068,4084,4108,4124,4140,4156,4172,4180,4228,4252,4268,4292,4316,4340,4364,4396,4412,4436,4452,4468,4484,4508,4524,4548,4572,4596,4620,4652,4668,4692,4708,4724,4740,4756],{"type":14,"tag":66,"props":3407,"children":3408},{"class":68,"line":69},[3409,3413,3417],{"type":14,"tag":66,"props":3410,"children":3411},{"class":73},[3412],{"type":20,"value":76},{"type":14,"tag":66,"props":3414,"children":3415},{"class":79},[3416],{"type":20,"value":82},{"type":14,"tag":66,"props":3418,"children":3419},{"class":73},[3420],{"type":20,"value":87},{"type":14,"tag":66,"props":3422,"children":3423},{"class":68,"line":90},[3424,3428,3432,3436],{"type":14,"tag":66,"props":3425,"children":3426},{"class":94},[3427],{"type":20,"value":97},{"type":14,"tag":66,"props":3429,"children":3430},{"class":73},[3431],{"type":20,"value":102},{"type":14,"tag":66,"props":3433,"children":3434},{"class":94},[3435],{"type":20,"value":107},{"type":14,"tag":66,"props":3437,"children":3438},{"class":73},[3439],{"type":20,"value":112},{"type":14,"tag":66,"props":3441,"children":3442},{"class":68,"line":115},[3443,3447,3451],{"type":14,"tag":66,"props":3444,"children":3445},{"class":73},[3446],{"type":20,"value":121},{"type":14,"tag":66,"props":3448,"children":3449},{"class":124},[3450],{"type":20,"value":127},{"type":14,"tag":66,"props":3452,"children":3453},{"class":73},[3454],{"type":20,"value":132},{"type":14,"tag":66,"props":3456,"children":3457},{"class":68,"line":135},[3458,3462,3466],{"type":14,"tag":66,"props":3459,"children":3460},{"class":73},[3461],{"type":20,"value":141},{"type":14,"tag":66,"props":3463,"children":3464},{"class":94},[3465],{"type":20,"value":146},{"type":14,"tag":66,"props":3467,"children":3468},{"class":73},[3469],{"type":20,"value":112},{"type":14,"tag":66,"props":3471,"children":3472},{"class":68,"line":153},[3473,3477],{"type":14,"tag":66,"props":3474,"children":3475},{"class":73},[3476],{"type":20,"value":159},{"type":14,"tag":66,"props":3478,"children":3479},{"class":162},[3480],{"type":20,"value":165},{"type":14,"tag":66,"props":3482,"children":3483},{"class":68,"line":168},[3484],{"type":14,"tag":66,"props":3485,"children":3486},{"class":73},[3487],{"type":20,"value":174},{"type":14,"tag":66,"props":3489,"children":3490},{"class":68,"line":177},[3491],{"type":14,"tag":66,"props":3492,"children":3493},{"class":73},[3494],{"type":20,"value":183},{"type":14,"tag":66,"props":3496,"children":3497},{"class":68,"line":186},[3498],{"type":14,"tag":66,"props":3499,"children":3500},{"class":73},[3501],{"type":20,"value":192},{"type":14,"tag":66,"props":3503,"children":3504},{"class":68,"line":195},[3505,3509,3513],{"type":14,"tag":66,"props":3506,"children":3507},{"class":73},[3508],{"type":20,"value":201},{"type":14,"tag":66,"props":3510,"children":3511},{"class":79},[3512],{"type":20,"value":82},{"type":14,"tag":66,"props":3514,"children":3515},{"class":73},[3516],{"type":20,"value":87},{"type":14,"tag":66,"props":3518,"children":3519},{"class":68,"line":212},[3520,3524,3528],{"type":14,"tag":66,"props":3521,"children":3522},{"class":73},[3523],{"type":20,"value":76},{"type":14,"tag":66,"props":3525,"children":3526},{"class":79},[3527],{"type":20,"value":39},{"type":14,"tag":66,"props":3529,"children":3530},{"class":73},[3531],{"type":20,"value":87},{"type":14,"tag":66,"props":3533,"children":3534},{"class":68,"line":228},[3535,3539,3543,3547,3551,3555,3559,3563,3567,3571,3575],{"type":14,"tag":66,"props":3536,"children":3537},{"class":73},[3538],{"type":20,"value":234},{"type":14,"tag":66,"props":3540,"children":3541},{"class":237},[3542],{"type":20,"value":240},{"type":14,"tag":66,"props":3544,"children":3545},{"class":73},[3546],{"type":20,"value":102},{"type":14,"tag":66,"props":3548,"children":3549},{"class":124},[3550],{"type":20,"value":268},{"type":14,"tag":66,"props":3552,"children":3553},{"class":73},[3554],{"type":20,"value":254},{"type":14,"tag":66,"props":3556,"children":3557},{"class":162},[3558],{"type":20,"value":277},{"type":14,"tag":66,"props":3560,"children":3561},{"class":73},[3562],{"type":20,"value":102},{"type":14,"tag":66,"props":3564,"children":3565},{"class":124},[3566],{"type":20,"value":286},{"type":14,"tag":66,"props":3568,"children":3569},{"class":73},[3570],{"type":20,"value":254},{"type":14,"tag":66,"props":3572,"children":3573},{"class":162},[3574],{"type":20,"value":295},{"type":14,"tag":66,"props":3576,"children":3577},{"class":73},[3578],{"type":20,"value":87},{"type":14,"tag":66,"props":3580,"children":3581},{"class":68,"line":303},[3582,3586,3590,3594,3598],{"type":14,"tag":66,"props":3583,"children":3584},{"class":73},[3585],{"type":20,"value":1843},{"type":14,"tag":66,"props":3587,"children":3588},{"class":79},[3589],{"type":20,"value":39},{"type":14,"tag":66,"props":3591,"children":3592},{"class":73},[3593],{"type":20,"value":1852},{"type":14,"tag":66,"props":3595,"children":3596},{"class":124},[3597],{"type":20,"value":2364},{"type":14,"tag":66,"props":3599,"children":3600},{"class":73},[3601],{"type":20,"value":87},{"type":14,"tag":66,"props":3603,"children":3604},{"class":68,"line":612},[3605,3609,3614],{"type":14,"tag":66,"props":3606,"children":3607},{"class":73},[3608],{"type":20,"value":2376},{"type":14,"tag":66,"props":3610,"children":3611},{"class":237},[3612],{"type":20,"value":3613},"IDropdown",{"type":14,"tag":66,"props":3615,"children":3616},{"class":73},[3617],{"type":20,"value":87},{"type":14,"tag":66,"props":3619,"children":3620},{"class":68,"line":678},[3621,3626,3630,3635,3639],{"type":14,"tag":66,"props":3622,"children":3623},{"class":73},[3624],{"type":20,"value":3625},"                \u003C",{"type":14,"tag":66,"props":3627,"children":3628},{"class":237},[3629],{"type":20,"value":3002},{"type":14,"tag":66,"props":3631,"children":3632},{"class":73},[3633],{"type":20,"value":3634},">Dropdown\u003C/",{"type":14,"tag":66,"props":3636,"children":3637},{"class":237},[3638],{"type":20,"value":3002},{"type":14,"tag":66,"props":3640,"children":3641},{"class":73},[3642],{"type":20,"value":87},{"type":14,"tag":66,"props":3644,"children":3645},{"class":68,"line":686},[3646,3650,3654,3658,3663],{"type":14,"tag":66,"props":3647,"children":3648},{"class":73},[3649],{"type":20,"value":3625},{"type":14,"tag":66,"props":3651,"children":3652},{"class":79},[3653],{"type":20,"value":39},{"type":14,"tag":66,"props":3655,"children":3656},{"class":73},[3657],{"type":20,"value":1852},{"type":14,"tag":66,"props":3659,"children":3660},{"class":124},[3661],{"type":20,"value":3662},"body",{"type":14,"tag":66,"props":3664,"children":3665},{"class":73},[3666],{"type":20,"value":87},{"type":14,"tag":66,"props":3668,"children":3669},{"class":68,"line":752},[3670,3675,3680,3685,3689],{"type":14,"tag":66,"props":3671,"children":3672},{"class":73},[3673],{"type":20,"value":3674},"                    \u003C",{"type":14,"tag":66,"props":3676,"children":3677},{"class":237},[3678],{"type":20,"value":3679},"IDropdownItem",{"type":14,"tag":66,"props":3681,"children":3682},{"class":73},[3683],{"type":20,"value":3684},">Action\u003C/",{"type":14,"tag":66,"props":3686,"children":3687},{"class":237},[3688],{"type":20,"value":3679},{"type":14,"tag":66,"props":3690,"children":3691},{"class":73},[3692],{"type":20,"value":87},{"type":14,"tag":66,"props":3694,"children":3695},{"class":68,"line":760},[3696,3700,3704,3709,3713],{"type":14,"tag":66,"props":3697,"children":3698},{"class":73},[3699],{"type":20,"value":3674},{"type":14,"tag":66,"props":3701,"children":3702},{"class":237},[3703],{"type":20,"value":3679},{"type":14,"tag":66,"props":3705,"children":3706},{"class":73},[3707],{"type":20,"value":3708},">Another action\u003C/",{"type":14,"tag":66,"props":3710,"children":3711},{"class":237},[3712],{"type":20,"value":3679},{"type":14,"tag":66,"props":3714,"children":3715},{"class":73},[3716],{"type":20,"value":87},{"type":14,"tag":66,"props":3718,"children":3719},{"class":68,"line":826},[3720,3724,3728,3732,3736,3741,3745],{"type":14,"tag":66,"props":3721,"children":3722},{"class":73},[3723],{"type":20,"value":3674},{"type":14,"tag":66,"props":3725,"children":3726},{"class":237},[3727],{"type":20,"value":3679},{"type":14,"tag":66,"props":3729,"children":3730},{"class":73},[3731],{"type":20,"value":102},{"type":14,"tag":66,"props":3733,"children":3734},{"class":124},[3735],{"type":20,"value":929},{"type":14,"tag":66,"props":3737,"children":3738},{"class":73},[3739],{"type":20,"value":3740},">Disabled action\u003C/",{"type":14,"tag":66,"props":3742,"children":3743},{"class":237},[3744],{"type":20,"value":3679},{"type":14,"tag":66,"props":3746,"children":3747},{"class":73},[3748],{"type":20,"value":87},{"type":14,"tag":66,"props":3750,"children":3751},{"class":68,"line":834},[3752,3756,3761],{"type":14,"tag":66,"props":3753,"children":3754},{"class":73},[3755],{"type":20,"value":3674},{"type":14,"tag":66,"props":3757,"children":3758},{"class":237},[3759],{"type":20,"value":3760},"IDropdownDivider",{"type":14,"tag":66,"props":3762,"children":3763},{"class":73},[3764],{"type":20,"value":300},{"type":14,"tag":66,"props":3766,"children":3767},{"class":68,"line":900},[3768,3772,3776,3781,3785],{"type":14,"tag":66,"props":3769,"children":3770},{"class":73},[3771],{"type":20,"value":3674},{"type":14,"tag":66,"props":3773,"children":3774},{"class":237},[3775],{"type":20,"value":3679},{"type":14,"tag":66,"props":3777,"children":3778},{"class":73},[3779],{"type":20,"value":3780},">Separated item\u003C/",{"type":14,"tag":66,"props":3782,"children":3783},{"class":237},[3784],{"type":20,"value":3679},{"type":14,"tag":66,"props":3786,"children":3787},{"class":73},[3788],{"type":20,"value":87},{"type":14,"tag":66,"props":3790,"children":3791},{"class":68,"line":2075},[3792,3797,3801],{"type":14,"tag":66,"props":3793,"children":3794},{"class":73},[3795],{"type":20,"value":3796},"                \u003C/",{"type":14,"tag":66,"props":3798,"children":3799},{"class":79},[3800],{"type":20,"value":39},{"type":14,"tag":66,"props":3802,"children":3803},{"class":73},[3804],{"type":20,"value":87},{"type":14,"tag":66,"props":3806,"children":3807},{"class":68,"line":2107},[3808,3813,3817],{"type":14,"tag":66,"props":3809,"children":3810},{"class":73},[3811],{"type":20,"value":3812},"            \u003C/",{"type":14,"tag":66,"props":3814,"children":3815},{"class":237},[3816],{"type":20,"value":3613},{"type":14,"tag":66,"props":3818,"children":3819},{"class":73},[3820],{"type":20,"value":87},{"type":14,"tag":66,"props":3822,"children":3823},{"class":68,"line":2123},[3824,3828,3832],{"type":14,"tag":66,"props":3825,"children":3826},{"class":73},[3827],{"type":20,"value":2401},{"type":14,"tag":66,"props":3829,"children":3830},{"class":79},[3831],{"type":20,"value":39},{"type":14,"tag":66,"props":3833,"children":3834},{"class":73},[3835],{"type":20,"value":87},{"type":14,"tag":66,"props":3837,"children":3838},{"class":68,"line":2613},[3839,3843,3847],{"type":14,"tag":66,"props":3840,"children":3841},{"class":73},[3842],{"type":20,"value":1878},{"type":14,"tag":66,"props":3844,"children":3845},{"class":237},[3846],{"type":20,"value":240},{"type":14,"tag":66,"props":3848,"children":3849},{"class":73},[3850],{"type":20,"value":87},{"type":14,"tag":66,"props":3852,"children":3853},{"class":68,"line":2637},[3854],{"type":14,"tag":66,"props":3855,"children":3856},{},[3857],{"type":20,"value":609},{"type":14,"tag":66,"props":3859,"children":3860},{"class":68,"line":2661},[3861,3865,3869,3873,3877,3881,3885,3889,3893,3897,3901],{"type":14,"tag":66,"props":3862,"children":3863},{"class":73},[3864],{"type":20,"value":234},{"type":14,"tag":66,"props":3866,"children":3867},{"class":237},[3868],{"type":20,"value":240},{"type":14,"tag":66,"props":3870,"children":3871},{"class":73},[3872],{"type":20,"value":102},{"type":14,"tag":66,"props":3874,"children":3875},{"class":124},[3876],{"type":20,"value":268},{"type":14,"tag":66,"props":3878,"children":3879},{"class":73},[3880],{"type":20,"value":254},{"type":14,"tag":66,"props":3882,"children":3883},{"class":162},[3884],{"type":20,"value":277},{"type":14,"tag":66,"props":3886,"children":3887},{"class":73},[3888],{"type":20,"value":102},{"type":14,"tag":66,"props":3890,"children":3891},{"class":124},[3892],{"type":20,"value":286},{"type":14,"tag":66,"props":3894,"children":3895},{"class":73},[3896],{"type":20,"value":254},{"type":14,"tag":66,"props":3898,"children":3899},{"class":162},[3900],{"type":20,"value":295},{"type":14,"tag":66,"props":3902,"children":3903},{"class":73},[3904],{"type":20,"value":87},{"type":14,"tag":66,"props":3906,"children":3907},{"class":68,"line":2677},[3908,3912,3916,3920,3924],{"type":14,"tag":66,"props":3909,"children":3910},{"class":73},[3911],{"type":20,"value":1843},{"type":14,"tag":66,"props":3913,"children":3914},{"class":79},[3915],{"type":20,"value":39},{"type":14,"tag":66,"props":3917,"children":3918},{"class":73},[3919],{"type":20,"value":1852},{"type":14,"tag":66,"props":3921,"children":3922},{"class":124},[3923],{"type":20,"value":2498},{"type":14,"tag":66,"props":3925,"children":3926},{"class":73},[3927],{"type":20,"value":87},{"type":14,"tag":66,"props":3929,"children":3930},{"class":68,"line":2701},[3931,3935,3939],{"type":14,"tag":66,"props":3932,"children":3933},{"class":73},[3934],{"type":20,"value":2376},{"type":14,"tag":66,"props":3936,"children":3937},{"class":237},[3938],{"type":20,"value":3613},{"type":14,"tag":66,"props":3940,"children":3941},{"class":73},[3942],{"type":20,"value":87},{"type":14,"tag":66,"props":3944,"children":3945},{"class":68,"line":2725},[3946,3950,3954,3958,3962],{"type":14,"tag":66,"props":3947,"children":3948},{"class":73},[3949],{"type":20,"value":3625},{"type":14,"tag":66,"props":3951,"children":3952},{"class":237},[3953],{"type":20,"value":3002},{"type":14,"tag":66,"props":3955,"children":3956},{"class":73},[3957],{"type":20,"value":3634},{"type":14,"tag":66,"props":3959,"children":3960},{"class":237},[3961],{"type":20,"value":3002},{"type":14,"tag":66,"props":3963,"children":3964},{"class":73},[3965],{"type":20,"value":87},{"type":14,"tag":66,"props":3967,"children":3968},{"class":68,"line":2741},[3969,3973,3977,3981,3985],{"type":14,"tag":66,"props":3970,"children":3971},{"class":73},[3972],{"type":20,"value":3625},{"type":14,"tag":66,"props":3974,"children":3975},{"class":79},[3976],{"type":20,"value":39},{"type":14,"tag":66,"props":3978,"children":3979},{"class":73},[3980],{"type":20,"value":1852},{"type":14,"tag":66,"props":3982,"children":3983},{"class":124},[3984],{"type":20,"value":3662},{"type":14,"tag":66,"props":3986,"children":3987},{"class":73},[3988],{"type":20,"value":87},{"type":14,"tag":66,"props":3990,"children":3991},{"class":68,"line":2757},[3992,3996,4000,4004,4008],{"type":14,"tag":66,"props":3993,"children":3994},{"class":73},[3995],{"type":20,"value":3674},{"type":14,"tag":66,"props":3997,"children":3998},{"class":237},[3999],{"type":20,"value":3679},{"type":14,"tag":66,"props":4001,"children":4002},{"class":73},[4003],{"type":20,"value":3684},{"type":14,"tag":66,"props":4005,"children":4006},{"class":237},[4007],{"type":20,"value":3679},{"type":14,"tag":66,"props":4009,"children":4010},{"class":73},[4011],{"type":20,"value":87},{"type":14,"tag":66,"props":4013,"children":4015},{"class":68,"line":4014},32,[4016,4020,4024,4028,4032],{"type":14,"tag":66,"props":4017,"children":4018},{"class":73},[4019],{"type":20,"value":3674},{"type":14,"tag":66,"props":4021,"children":4022},{"class":237},[4023],{"type":20,"value":3679},{"type":14,"tag":66,"props":4025,"children":4026},{"class":73},[4027],{"type":20,"value":3708},{"type":14,"tag":66,"props":4029,"children":4030},{"class":237},[4031],{"type":20,"value":3679},{"type":14,"tag":66,"props":4033,"children":4034},{"class":73},[4035],{"type":20,"value":87},{"type":14,"tag":66,"props":4037,"children":4039},{"class":68,"line":4038},33,[4040,4044,4048,4052,4056,4060,4064],{"type":14,"tag":66,"props":4041,"children":4042},{"class":73},[4043],{"type":20,"value":3674},{"type":14,"tag":66,"props":4045,"children":4046},{"class":237},[4047],{"type":20,"value":3679},{"type":14,"tag":66,"props":4049,"children":4050},{"class":73},[4051],{"type":20,"value":102},{"type":14,"tag":66,"props":4053,"children":4054},{"class":124},[4055],{"type":20,"value":929},{"type":14,"tag":66,"props":4057,"children":4058},{"class":73},[4059],{"type":20,"value":3740},{"type":14,"tag":66,"props":4061,"children":4062},{"class":237},[4063],{"type":20,"value":3679},{"type":14,"tag":66,"props":4065,"children":4066},{"class":73},[4067],{"type":20,"value":87},{"type":14,"tag":66,"props":4069,"children":4071},{"class":68,"line":4070},34,[4072,4076,4080],{"type":14,"tag":66,"props":4073,"children":4074},{"class":73},[4075],{"type":20,"value":3674},{"type":14,"tag":66,"props":4077,"children":4078},{"class":237},[4079],{"type":20,"value":3760},{"type":14,"tag":66,"props":4081,"children":4082},{"class":73},[4083],{"type":20,"value":300},{"type":14,"tag":66,"props":4085,"children":4087},{"class":68,"line":4086},35,[4088,4092,4096,4100,4104],{"type":14,"tag":66,"props":4089,"children":4090},{"class":73},[4091],{"type":20,"value":3674},{"type":14,"tag":66,"props":4093,"children":4094},{"class":237},[4095],{"type":20,"value":3679},{"type":14,"tag":66,"props":4097,"children":4098},{"class":73},[4099],{"type":20,"value":3780},{"type":14,"tag":66,"props":4101,"children":4102},{"class":237},[4103],{"type":20,"value":3679},{"type":14,"tag":66,"props":4105,"children":4106},{"class":73},[4107],{"type":20,"value":87},{"type":14,"tag":66,"props":4109,"children":4111},{"class":68,"line":4110},36,[4112,4116,4120],{"type":14,"tag":66,"props":4113,"children":4114},{"class":73},[4115],{"type":20,"value":3796},{"type":14,"tag":66,"props":4117,"children":4118},{"class":79},[4119],{"type":20,"value":39},{"type":14,"tag":66,"props":4121,"children":4122},{"class":73},[4123],{"type":20,"value":87},{"type":14,"tag":66,"props":4125,"children":4127},{"class":68,"line":4126},37,[4128,4132,4136],{"type":14,"tag":66,"props":4129,"children":4130},{"class":73},[4131],{"type":20,"value":3812},{"type":14,"tag":66,"props":4133,"children":4134},{"class":237},[4135],{"type":20,"value":3613},{"type":14,"tag":66,"props":4137,"children":4138},{"class":73},[4139],{"type":20,"value":87},{"type":14,"tag":66,"props":4141,"children":4143},{"class":68,"line":4142},38,[4144,4148,4152],{"type":14,"tag":66,"props":4145,"children":4146},{"class":73},[4147],{"type":20,"value":2401},{"type":14,"tag":66,"props":4149,"children":4150},{"class":79},[4151],{"type":20,"value":39},{"type":14,"tag":66,"props":4153,"children":4154},{"class":73},[4155],{"type":20,"value":87},{"type":14,"tag":66,"props":4157,"children":4159},{"class":68,"line":4158},39,[4160,4164,4168],{"type":14,"tag":66,"props":4161,"children":4162},{"class":73},[4163],{"type":20,"value":1878},{"type":14,"tag":66,"props":4165,"children":4166},{"class":237},[4167],{"type":20,"value":240},{"type":14,"tag":66,"props":4169,"children":4170},{"class":73},[4171],{"type":20,"value":87},{"type":14,"tag":66,"props":4173,"children":4175},{"class":68,"line":4174},40,[4176],{"type":14,"tag":66,"props":4177,"children":4178},{},[4179],{"type":20,"value":609},{"type":14,"tag":66,"props":4181,"children":4183},{"class":68,"line":4182},41,[4184,4188,4192,4196,4200,4204,4208,4212,4216,4220,4224],{"type":14,"tag":66,"props":4185,"children":4186},{"class":73},[4187],{"type":20,"value":234},{"type":14,"tag":66,"props":4189,"children":4190},{"class":237},[4191],{"type":20,"value":240},{"type":14,"tag":66,"props":4193,"children":4194},{"class":73},[4195],{"type":20,"value":102},{"type":14,"tag":66,"props":4197,"children":4198},{"class":124},[4199],{"type":20,"value":268},{"type":14,"tag":66,"props":4201,"children":4202},{"class":73},[4203],{"type":20,"value":254},{"type":14,"tag":66,"props":4205,"children":4206},{"class":162},[4207],{"type":20,"value":277},{"type":14,"tag":66,"props":4209,"children":4210},{"class":73},[4211],{"type":20,"value":102},{"type":14,"tag":66,"props":4213,"children":4214},{"class":124},[4215],{"type":20,"value":286},{"type":14,"tag":66,"props":4217,"children":4218},{"class":73},[4219],{"type":20,"value":254},{"type":14,"tag":66,"props":4221,"children":4222},{"class":162},[4223],{"type":20,"value":295},{"type":14,"tag":66,"props":4225,"children":4226},{"class":73},[4227],{"type":20,"value":87},{"type":14,"tag":66,"props":4229,"children":4231},{"class":68,"line":4230},42,[4232,4236,4240,4244,4248],{"type":14,"tag":66,"props":4233,"children":4234},{"class":73},[4235],{"type":20,"value":1843},{"type":14,"tag":66,"props":4237,"children":4238},{"class":79},[4239],{"type":20,"value":39},{"type":14,"tag":66,"props":4241,"children":4242},{"class":73},[4243],{"type":20,"value":1852},{"type":14,"tag":66,"props":4245,"children":4246},{"class":124},[4247],{"type":20,"value":2364},{"type":14,"tag":66,"props":4249,"children":4250},{"class":73},[4251],{"type":20,"value":87},{"type":14,"tag":66,"props":4253,"children":4255},{"class":68,"line":4254},43,[4256,4260,4264],{"type":14,"tag":66,"props":4257,"children":4258},{"class":73},[4259],{"type":20,"value":2376},{"type":14,"tag":66,"props":4261,"children":4262},{"class":237},[4263],{"type":20,"value":3613},{"type":14,"tag":66,"props":4265,"children":4266},{"class":73},[4267],{"type":20,"value":87},{"type":14,"tag":66,"props":4269,"children":4271},{"class":68,"line":4270},44,[4272,4276,4280,4284,4288],{"type":14,"tag":66,"props":4273,"children":4274},{"class":73},[4275],{"type":20,"value":3625},{"type":14,"tag":66,"props":4277,"children":4278},{"class":237},[4279],{"type":20,"value":3002},{"type":14,"tag":66,"props":4281,"children":4282},{"class":73},[4283],{"type":20,"value":3634},{"type":14,"tag":66,"props":4285,"children":4286},{"class":237},[4287],{"type":20,"value":3002},{"type":14,"tag":66,"props":4289,"children":4290},{"class":73},[4291],{"type":20,"value":87},{"type":14,"tag":66,"props":4293,"children":4295},{"class":68,"line":4294},45,[4296,4300,4304,4308,4312],{"type":14,"tag":66,"props":4297,"children":4298},{"class":73},[4299],{"type":20,"value":3625},{"type":14,"tag":66,"props":4301,"children":4302},{"class":79},[4303],{"type":20,"value":39},{"type":14,"tag":66,"props":4305,"children":4306},{"class":73},[4307],{"type":20,"value":1852},{"type":14,"tag":66,"props":4309,"children":4310},{"class":124},[4311],{"type":20,"value":3662},{"type":14,"tag":66,"props":4313,"children":4314},{"class":73},[4315],{"type":20,"value":87},{"type":14,"tag":66,"props":4317,"children":4319},{"class":68,"line":4318},46,[4320,4324,4328,4332,4336],{"type":14,"tag":66,"props":4321,"children":4322},{"class":73},[4323],{"type":20,"value":3674},{"type":14,"tag":66,"props":4325,"children":4326},{"class":237},[4327],{"type":20,"value":3679},{"type":14,"tag":66,"props":4329,"children":4330},{"class":73},[4331],{"type":20,"value":3684},{"type":14,"tag":66,"props":4333,"children":4334},{"class":237},[4335],{"type":20,"value":3679},{"type":14,"tag":66,"props":4337,"children":4338},{"class":73},[4339],{"type":20,"value":87},{"type":14,"tag":66,"props":4341,"children":4343},{"class":68,"line":4342},47,[4344,4348,4352,4356,4360],{"type":14,"tag":66,"props":4345,"children":4346},{"class":73},[4347],{"type":20,"value":3674},{"type":14,"tag":66,"props":4349,"children":4350},{"class":237},[4351],{"type":20,"value":3679},{"type":14,"tag":66,"props":4353,"children":4354},{"class":73},[4355],{"type":20,"value":3708},{"type":14,"tag":66,"props":4357,"children":4358},{"class":237},[4359],{"type":20,"value":3679},{"type":14,"tag":66,"props":4361,"children":4362},{"class":73},[4363],{"type":20,"value":87},{"type":14,"tag":66,"props":4365,"children":4367},{"class":68,"line":4366},48,[4368,4372,4376,4380,4384,4388,4392],{"type":14,"tag":66,"props":4369,"children":4370},{"class":73},[4371],{"type":20,"value":3674},{"type":14,"tag":66,"props":4373,"children":4374},{"class":237},[4375],{"type":20,"value":3679},{"type":14,"tag":66,"props":4377,"children":4378},{"class":73},[4379],{"type":20,"value":102},{"type":14,"tag":66,"props":4381,"children":4382},{"class":124},[4383],{"type":20,"value":929},{"type":14,"tag":66,"props":4385,"children":4386},{"class":73},[4387],{"type":20,"value":3740},{"type":14,"tag":66,"props":4389,"children":4390},{"class":237},[4391],{"type":20,"value":3679},{"type":14,"tag":66,"props":4393,"children":4394},{"class":73},[4395],{"type":20,"value":87},{"type":14,"tag":66,"props":4397,"children":4399},{"class":68,"line":4398},49,[4400,4404,4408],{"type":14,"tag":66,"props":4401,"children":4402},{"class":73},[4403],{"type":20,"value":3674},{"type":14,"tag":66,"props":4405,"children":4406},{"class":237},[4407],{"type":20,"value":3760},{"type":14,"tag":66,"props":4409,"children":4410},{"class":73},[4411],{"type":20,"value":300},{"type":14,"tag":66,"props":4413,"children":4415},{"class":68,"line":4414},50,[4416,4420,4424,4428,4432],{"type":14,"tag":66,"props":4417,"children":4418},{"class":73},[4419],{"type":20,"value":3674},{"type":14,"tag":66,"props":4421,"children":4422},{"class":237},[4423],{"type":20,"value":3679},{"type":14,"tag":66,"props":4425,"children":4426},{"class":73},[4427],{"type":20,"value":3780},{"type":14,"tag":66,"props":4429,"children":4430},{"class":237},[4431],{"type":20,"value":3679},{"type":14,"tag":66,"props":4433,"children":4434},{"class":73},[4435],{"type":20,"value":87},{"type":14,"tag":66,"props":4437,"children":4439},{"class":68,"line":4438},51,[4440,4444,4448],{"type":14,"tag":66,"props":4441,"children":4442},{"class":73},[4443],{"type":20,"value":3796},{"type":14,"tag":66,"props":4445,"children":4446},{"class":79},[4447],{"type":20,"value":39},{"type":14,"tag":66,"props":4449,"children":4450},{"class":73},[4451],{"type":20,"value":87},{"type":14,"tag":66,"props":4453,"children":4455},{"class":68,"line":4454},52,[4456,4460,4464],{"type":14,"tag":66,"props":4457,"children":4458},{"class":73},[4459],{"type":20,"value":3812},{"type":14,"tag":66,"props":4461,"children":4462},{"class":237},[4463],{"type":20,"value":3613},{"type":14,"tag":66,"props":4465,"children":4466},{"class":73},[4467],{"type":20,"value":87},{"type":14,"tag":66,"props":4469,"children":4471},{"class":68,"line":4470},53,[4472,4476,4480],{"type":14,"tag":66,"props":4473,"children":4474},{"class":73},[4475],{"type":20,"value":2401},{"type":14,"tag":66,"props":4477,"children":4478},{"class":79},[4479],{"type":20,"value":39},{"type":14,"tag":66,"props":4481,"children":4482},{"class":73},[4483],{"type":20,"value":87},{"type":14,"tag":66,"props":4485,"children":4487},{"class":68,"line":4486},54,[4488,4492,4496,4500,4504],{"type":14,"tag":66,"props":4489,"children":4490},{"class":73},[4491],{"type":20,"value":1843},{"type":14,"tag":66,"props":4493,"children":4494},{"class":79},[4495],{"type":20,"value":39},{"type":14,"tag":66,"props":4497,"children":4498},{"class":73},[4499],{"type":20,"value":1852},{"type":14,"tag":66,"props":4501,"children":4502},{"class":124},[4503],{"type":20,"value":2498},{"type":14,"tag":66,"props":4505,"children":4506},{"class":73},[4507],{"type":20,"value":87},{"type":14,"tag":66,"props":4509,"children":4511},{"class":68,"line":4510},55,[4512,4516,4520],{"type":14,"tag":66,"props":4513,"children":4514},{"class":73},[4515],{"type":20,"value":2376},{"type":14,"tag":66,"props":4517,"children":4518},{"class":237},[4519],{"type":20,"value":3613},{"type":14,"tag":66,"props":4521,"children":4522},{"class":73},[4523],{"type":20,"value":87},{"type":14,"tag":66,"props":4525,"children":4527},{"class":68,"line":4526},56,[4528,4532,4536,4540,4544],{"type":14,"tag":66,"props":4529,"children":4530},{"class":73},[4531],{"type":20,"value":3625},{"type":14,"tag":66,"props":4533,"children":4534},{"class":237},[4535],{"type":20,"value":3002},{"type":14,"tag":66,"props":4537,"children":4538},{"class":73},[4539],{"type":20,"value":3634},{"type":14,"tag":66,"props":4541,"children":4542},{"class":237},[4543],{"type":20,"value":3002},{"type":14,"tag":66,"props":4545,"children":4546},{"class":73},[4547],{"type":20,"value":87},{"type":14,"tag":66,"props":4549,"children":4551},{"class":68,"line":4550},57,[4552,4556,4560,4564,4568],{"type":14,"tag":66,"props":4553,"children":4554},{"class":73},[4555],{"type":20,"value":3625},{"type":14,"tag":66,"props":4557,"children":4558},{"class":79},[4559],{"type":20,"value":39},{"type":14,"tag":66,"props":4561,"children":4562},{"class":73},[4563],{"type":20,"value":1852},{"type":14,"tag":66,"props":4565,"children":4566},{"class":124},[4567],{"type":20,"value":3662},{"type":14,"tag":66,"props":4569,"children":4570},{"class":73},[4571],{"type":20,"value":87},{"type":14,"tag":66,"props":4573,"children":4575},{"class":68,"line":4574},58,[4576,4580,4584,4588,4592],{"type":14,"tag":66,"props":4577,"children":4578},{"class":73},[4579],{"type":20,"value":3674},{"type":14,"tag":66,"props":4581,"children":4582},{"class":237},[4583],{"type":20,"value":3679},{"type":14,"tag":66,"props":4585,"children":4586},{"class":73},[4587],{"type":20,"value":3684},{"type":14,"tag":66,"props":4589,"children":4590},{"class":237},[4591],{"type":20,"value":3679},{"type":14,"tag":66,"props":4593,"children":4594},{"class":73},[4595],{"type":20,"value":87},{"type":14,"tag":66,"props":4597,"children":4599},{"class":68,"line":4598},59,[4600,4604,4608,4612,4616],{"type":14,"tag":66,"props":4601,"children":4602},{"class":73},[4603],{"type":20,"value":3674},{"type":14,"tag":66,"props":4605,"children":4606},{"class":237},[4607],{"type":20,"value":3679},{"type":14,"tag":66,"props":4609,"children":4610},{"class":73},[4611],{"type":20,"value":3708},{"type":14,"tag":66,"props":4613,"children":4614},{"class":237},[4615],{"type":20,"value":3679},{"type":14,"tag":66,"props":4617,"children":4618},{"class":73},[4619],{"type":20,"value":87},{"type":14,"tag":66,"props":4621,"children":4623},{"class":68,"line":4622},60,[4624,4628,4632,4636,4640,4644,4648],{"type":14,"tag":66,"props":4625,"children":4626},{"class":73},[4627],{"type":20,"value":3674},{"type":14,"tag":66,"props":4629,"children":4630},{"class":237},[4631],{"type":20,"value":3679},{"type":14,"tag":66,"props":4633,"children":4634},{"class":73},[4635],{"type":20,"value":102},{"type":14,"tag":66,"props":4637,"children":4638},{"class":124},[4639],{"type":20,"value":929},{"type":14,"tag":66,"props":4641,"children":4642},{"class":73},[4643],{"type":20,"value":3740},{"type":14,"tag":66,"props":4645,"children":4646},{"class":237},[4647],{"type":20,"value":3679},{"type":14,"tag":66,"props":4649,"children":4650},{"class":73},[4651],{"type":20,"value":87},{"type":14,"tag":66,"props":4653,"children":4655},{"class":68,"line":4654},61,[4656,4660,4664],{"type":14,"tag":66,"props":4657,"children":4658},{"class":73},[4659],{"type":20,"value":3674},{"type":14,"tag":66,"props":4661,"children":4662},{"class":237},[4663],{"type":20,"value":3760},{"type":14,"tag":66,"props":4665,"children":4666},{"class":73},[4667],{"type":20,"value":300},{"type":14,"tag":66,"props":4669,"children":4671},{"class":68,"line":4670},62,[4672,4676,4680,4684,4688],{"type":14,"tag":66,"props":4673,"children":4674},{"class":73},[4675],{"type":20,"value":3674},{"type":14,"tag":66,"props":4677,"children":4678},{"class":237},[4679],{"type":20,"value":3679},{"type":14,"tag":66,"props":4681,"children":4682},{"class":73},[4683],{"type":20,"value":3780},{"type":14,"tag":66,"props":4685,"children":4686},{"class":237},[4687],{"type":20,"value":3679},{"type":14,"tag":66,"props":4689,"children":4690},{"class":73},[4691],{"type":20,"value":87},{"type":14,"tag":66,"props":4693,"children":4695},{"class":68,"line":4694},63,[4696,4700,4704],{"type":14,"tag":66,"props":4697,"children":4698},{"class":73},[4699],{"type":20,"value":3796},{"type":14,"tag":66,"props":4701,"children":4702},{"class":79},[4703],{"type":20,"value":39},{"type":14,"tag":66,"props":4705,"children":4706},{"class":73},[4707],{"type":20,"value":87},{"type":14,"tag":66,"props":4709,"children":4711},{"class":68,"line":4710},64,[4712,4716,4720],{"type":14,"tag":66,"props":4713,"children":4714},{"class":73},[4715],{"type":20,"value":3812},{"type":14,"tag":66,"props":4717,"children":4718},{"class":237},[4719],{"type":20,"value":3613},{"type":14,"tag":66,"props":4721,"children":4722},{"class":73},[4723],{"type":20,"value":87},{"type":14,"tag":66,"props":4725,"children":4727},{"class":68,"line":4726},65,[4728,4732,4736],{"type":14,"tag":66,"props":4729,"children":4730},{"class":73},[4731],{"type":20,"value":2401},{"type":14,"tag":66,"props":4733,"children":4734},{"class":79},[4735],{"type":20,"value":39},{"type":14,"tag":66,"props":4737,"children":4738},{"class":73},[4739],{"type":20,"value":87},{"type":14,"tag":66,"props":4741,"children":4743},{"class":68,"line":4742},66,[4744,4748,4752],{"type":14,"tag":66,"props":4745,"children":4746},{"class":73},[4747],{"type":20,"value":1878},{"type":14,"tag":66,"props":4749,"children":4750},{"class":237},[4751],{"type":20,"value":240},{"type":14,"tag":66,"props":4753,"children":4754},{"class":73},[4755],{"type":20,"value":87},{"type":14,"tag":66,"props":4757,"children":4759},{"class":68,"line":4758},67,[4760,4764,4768],{"type":14,"tag":66,"props":4761,"children":4762},{"class":73},[4763],{"type":20,"value":201},{"type":14,"tag":66,"props":4765,"children":4766},{"class":79},[4767],{"type":20,"value":39},{"type":14,"tag":66,"props":4769,"children":4770},{"class":73},[4771],{"type":20,"value":317},{"type":14,"tag":319,"props":4773,"children":4775},{"id":4774},"color-variants",[4776],{"type":20,"value":4777},"Color Variants",{"type":14,"tag":29,"props":4779,"children":4780},{},[4781,4783,4788,4790,4795,4797,4802],{"type":20,"value":4782},"You can use the ",{"type":14,"tag":331,"props":4784,"children":4785},{},[4786],{"type":20,"value":4787},"color",{"type":20,"value":4789}," property to set a ",{"type":14,"tag":331,"props":4791,"children":4792},{},[4793],{"type":20,"value":4794},"light",{"type":20,"value":4796}," or ",{"type":14,"tag":331,"props":4798,"children":4799},{},[4800],{"type":20,"value":4801},"dark",{"type":20,"value":4803}," color for your inputs.",{"type":14,"tag":35,"props":4805,"children":4806},{},[4807,4814],{"type":14,"tag":39,"props":4808,"children":4809},{"v-slot:preview":7},[4810],{"type":14,"tag":43,"props":4811,"children":4813},{"src":4812},"/components/IInput/examples/color-variants",[],{"type":14,"tag":39,"props":4815,"children":4816},{"v-slot:vue":7},[4817],{"type":14,"tag":51,"props":4818,"children":4821},{"className":4819,"code":4820,"language":56,"meta":7},[54],"\u003Cscript>\nexport default {\n    data() {\n        return {\n            value: ''\n        };\n    }\n};\n\u003C/script>\n\u003Ctemplate>\n    \u003CIInput v-model=\"value\" color=\"light\" placeholder=\"Type something..\" />\n\n    \u003CIInput v-model=\"value\" color=\"dark\" placeholder=\"Type something..\" />\n\u003C/template>\n\n",[4822],{"type":14,"tag":59,"props":4823,"children":4824},{},[4825],{"type":14,"tag":51,"props":4826,"children":4827},{"__ignoreMap":7},[4828,4843,4862,4877,4892,4903,4910,4917,4924,4939,4954,5018,5025,5089],{"type":14,"tag":66,"props":4829,"children":4830},{"class":68,"line":69},[4831,4835,4839],{"type":14,"tag":66,"props":4832,"children":4833},{"class":73},[4834],{"type":20,"value":76},{"type":14,"tag":66,"props":4836,"children":4837},{"class":79},[4838],{"type":20,"value":82},{"type":14,"tag":66,"props":4840,"children":4841},{"class":73},[4842],{"type":20,"value":87},{"type":14,"tag":66,"props":4844,"children":4845},{"class":68,"line":90},[4846,4850,4854,4858],{"type":14,"tag":66,"props":4847,"children":4848},{"class":94},[4849],{"type":20,"value":97},{"type":14,"tag":66,"props":4851,"children":4852},{"class":73},[4853],{"type":20,"value":102},{"type":14,"tag":66,"props":4855,"children":4856},{"class":94},[4857],{"type":20,"value":107},{"type":14,"tag":66,"props":4859,"children":4860},{"class":73},[4861],{"type":20,"value":112},{"type":14,"tag":66,"props":4863,"children":4864},{"class":68,"line":115},[4865,4869,4873],{"type":14,"tag":66,"props":4866,"children":4867},{"class":73},[4868],{"type":20,"value":121},{"type":14,"tag":66,"props":4870,"children":4871},{"class":124},[4872],{"type":20,"value":127},{"type":14,"tag":66,"props":4874,"children":4875},{"class":73},[4876],{"type":20,"value":132},{"type":14,"tag":66,"props":4878,"children":4879},{"class":68,"line":135},[4880,4884,4888],{"type":14,"tag":66,"props":4881,"children":4882},{"class":73},[4883],{"type":20,"value":141},{"type":14,"tag":66,"props":4885,"children":4886},{"class":94},[4887],{"type":20,"value":146},{"type":14,"tag":66,"props":4889,"children":4890},{"class":73},[4891],{"type":20,"value":112},{"type":14,"tag":66,"props":4893,"children":4894},{"class":68,"line":153},[4895,4899],{"type":14,"tag":66,"props":4896,"children":4897},{"class":73},[4898],{"type":20,"value":159},{"type":14,"tag":66,"props":4900,"children":4901},{"class":162},[4902],{"type":20,"value":165},{"type":14,"tag":66,"props":4904,"children":4905},{"class":68,"line":168},[4906],{"type":14,"tag":66,"props":4907,"children":4908},{"class":73},[4909],{"type":20,"value":174},{"type":14,"tag":66,"props":4911,"children":4912},{"class":68,"line":177},[4913],{"type":14,"tag":66,"props":4914,"children":4915},{"class":73},[4916],{"type":20,"value":183},{"type":14,"tag":66,"props":4918,"children":4919},{"class":68,"line":186},[4920],{"type":14,"tag":66,"props":4921,"children":4922},{"class":73},[4923],{"type":20,"value":192},{"type":14,"tag":66,"props":4925,"children":4926},{"class":68,"line":195},[4927,4931,4935],{"type":14,"tag":66,"props":4928,"children":4929},{"class":73},[4930],{"type":20,"value":201},{"type":14,"tag":66,"props":4932,"children":4933},{"class":79},[4934],{"type":20,"value":82},{"type":14,"tag":66,"props":4936,"children":4937},{"class":73},[4938],{"type":20,"value":87},{"type":14,"tag":66,"props":4940,"children":4941},{"class":68,"line":212},[4942,4946,4950],{"type":14,"tag":66,"props":4943,"children":4944},{"class":73},[4945],{"type":20,"value":76},{"type":14,"tag":66,"props":4947,"children":4948},{"class":79},[4949],{"type":20,"value":39},{"type":14,"tag":66,"props":4951,"children":4952},{"class":73},[4953],{"type":20,"value":87},{"type":14,"tag":66,"props":4955,"children":4956},{"class":68,"line":228},[4957,4961,4965,4969,4973,4977,4981,4985,4989,4993,4998,5002,5006,5010,5014],{"type":14,"tag":66,"props":4958,"children":4959},{"class":73},[4960],{"type":20,"value":234},{"type":14,"tag":66,"props":4962,"children":4963},{"class":237},[4964],{"type":20,"value":240},{"type":14,"tag":66,"props":4966,"children":4967},{"class":73},[4968],{"type":20,"value":102},{"type":14,"tag":66,"props":4970,"children":4971},{"class":124},[4972],{"type":20,"value":268},{"type":14,"tag":66,"props":4974,"children":4975},{"class":73},[4976],{"type":20,"value":254},{"type":14,"tag":66,"props":4978,"children":4979},{"class":162},[4980],{"type":20,"value":277},{"type":14,"tag":66,"props":4982,"children":4983},{"class":73},[4984],{"type":20,"value":102},{"type":14,"tag":66,"props":4986,"children":4987},{"class":124},[4988],{"type":20,"value":4787},{"type":14,"tag":66,"props":4990,"children":4991},{"class":73},[4992],{"type":20,"value":254},{"type":14,"tag":66,"props":4994,"children":4995},{"class":162},[4996],{"type":20,"value":4997},"\"light\"",{"type":14,"tag":66,"props":4999,"children":5000},{"class":73},[5001],{"type":20,"value":102},{"type":14,"tag":66,"props":5003,"children":5004},{"class":124},[5005],{"type":20,"value":286},{"type":14,"tag":66,"props":5007,"children":5008},{"class":73},[5009],{"type":20,"value":254},{"type":14,"tag":66,"props":5011,"children":5012},{"class":162},[5013],{"type":20,"value":295},{"type":14,"tag":66,"props":5015,"children":5016},{"class":73},[5017],{"type":20,"value":300},{"type":14,"tag":66,"props":5019,"children":5020},{"class":68,"line":303},[5021],{"type":14,"tag":66,"props":5022,"children":5023},{},[5024],{"type":20,"value":609},{"type":14,"tag":66,"props":5026,"children":5027},{"class":68,"line":612},[5028,5032,5036,5040,5044,5048,5052,5056,5060,5064,5069,5073,5077,5081,5085],{"type":14,"tag":66,"props":5029,"children":5030},{"class":73},[5031],{"type":20,"value":234},{"type":14,"tag":66,"props":5033,"children":5034},{"class":237},[5035],{"type":20,"value":240},{"type":14,"tag":66,"props":5037,"children":5038},{"class":73},[5039],{"type":20,"value":102},{"type":14,"tag":66,"props":5041,"children":5042},{"class":124},[5043],{"type":20,"value":268},{"type":14,"tag":66,"props":5045,"children":5046},{"class":73},[5047],{"type":20,"value":254},{"type":14,"tag":66,"props":5049,"children":5050},{"class":162},[5051],{"type":20,"value":277},{"type":14,"tag":66,"props":5053,"children":5054},{"class":73},[5055],{"type":20,"value":102},{"type":14,"tag":66,"props":5057,"children":5058},{"class":124},[5059],{"type":20,"value":4787},{"type":14,"tag":66,"props":5061,"children":5062},{"class":73},[5063],{"type":20,"value":254},{"type":14,"tag":66,"props":5065,"children":5066},{"class":162},[5067],{"type":20,"value":5068},"\"dark\"",{"type":14,"tag":66,"props":5070,"children":5071},{"class":73},[5072],{"type":20,"value":102},{"type":14,"tag":66,"props":5074,"children":5075},{"class":124},[5076],{"type":20,"value":286},{"type":14,"tag":66,"props":5078,"children":5079},{"class":73},[5080],{"type":20,"value":254},{"type":14,"tag":66,"props":5082,"children":5083},{"class":162},[5084],{"type":20,"value":295},{"type":14,"tag":66,"props":5086,"children":5087},{"class":73},[5088],{"type":20,"value":300},{"type":14,"tag":66,"props":5090,"children":5091},{"class":68,"line":678},[5092,5096,5100],{"type":14,"tag":66,"props":5093,"children":5094},{"class":73},[5095],{"type":20,"value":201},{"type":14,"tag":66,"props":5097,"children":5098},{"class":79},[5099],{"type":20,"value":39},{"type":14,"tag":66,"props":5101,"children":5102},{"class":73},[5103],{"type":20,"value":317},{"type":14,"tag":319,"props":5105,"children":5107},{"id":5106},"size-variants",[5108],{"type":20,"value":5109},"Size Variants",{"type":14,"tag":29,"props":5111,"children":5112},{},[5113,5115,5120,5122,5127,5128,5133,5135,5140,5142,5146],{"type":20,"value":5114},"You're able to use the ",{"type":14,"tag":331,"props":5116,"children":5117},{},[5118],{"type":20,"value":5119},"size",{"type":20,"value":5121}," modifier to control the size of your inputs, using one of the available sizes: ",{"type":14,"tag":331,"props":5123,"children":5124},{},[5125],{"type":20,"value":5126},"sm",{"type":20,"value":350},{"type":14,"tag":331,"props":5129,"children":5130},{},[5131],{"type":20,"value":5132},"md",{"type":20,"value":5134},", and ",{"type":14,"tag":331,"props":5136,"children":5137},{},[5138],{"type":20,"value":5139},"lg",{"type":20,"value":5141},". The default size is set to ",{"type":14,"tag":331,"props":5143,"children":5144},{},[5145],{"type":20,"value":5132},{"type":20,"value":381},{"type":14,"tag":35,"props":5148,"children":5149},{},[5150,5157],{"type":14,"tag":39,"props":5151,"children":5152},{"v-slot:preview":7},[5153],{"type":14,"tag":43,"props":5154,"children":5156},{"src":5155},"/components/IInput/examples/size-variants",[],{"type":14,"tag":39,"props":5158,"children":5159},{"v-slot:vue":7},[5160],{"type":14,"tag":51,"props":5161,"children":5164},{"className":5162,"code":5163,"language":56,"meta":7},[54],"\u003Cscript>\nexport default {\n    data() {\n        return {\n            value: ''\n        };\n    }\n};\n\u003C/script>\n\u003Ctemplate>\n    \u003CIInput v-model=\"value\" size=\"sm\" placeholder=\"Type something..\" />\n\n    \u003CIInput v-model=\"value\" size=\"md\" placeholder=\"Type something..\" />\n\n    \u003CIInput v-model=\"value\" size=\"lg\" placeholder=\"Type something..\" />\n\u003C/template>\n\n",[5165],{"type":14,"tag":59,"props":5166,"children":5167},{},[5168],{"type":14,"tag":51,"props":5169,"children":5170},{"__ignoreMap":7},[5171,5186,5205,5220,5235,5246,5253,5260,5267,5282,5297,5361,5368,5432,5439,5503],{"type":14,"tag":66,"props":5172,"children":5173},{"class":68,"line":69},[5174,5178,5182],{"type":14,"tag":66,"props":5175,"children":5176},{"class":73},[5177],{"type":20,"value":76},{"type":14,"tag":66,"props":5179,"children":5180},{"class":79},[5181],{"type":20,"value":82},{"type":14,"tag":66,"props":5183,"children":5184},{"class":73},[5185],{"type":20,"value":87},{"type":14,"tag":66,"props":5187,"children":5188},{"class":68,"line":90},[5189,5193,5197,5201],{"type":14,"tag":66,"props":5190,"children":5191},{"class":94},[5192],{"type":20,"value":97},{"type":14,"tag":66,"props":5194,"children":5195},{"class":73},[5196],{"type":20,"value":102},{"type":14,"tag":66,"props":5198,"children":5199},{"class":94},[5200],{"type":20,"value":107},{"type":14,"tag":66,"props":5202,"children":5203},{"class":73},[5204],{"type":20,"value":112},{"type":14,"tag":66,"props":5206,"children":5207},{"class":68,"line":115},[5208,5212,5216],{"type":14,"tag":66,"props":5209,"children":5210},{"class":73},[5211],{"type":20,"value":121},{"type":14,"tag":66,"props":5213,"children":5214},{"class":124},[5215],{"type":20,"value":127},{"type":14,"tag":66,"props":5217,"children":5218},{"class":73},[5219],{"type":20,"value":132},{"type":14,"tag":66,"props":5221,"children":5222},{"class":68,"line":135},[5223,5227,5231],{"type":14,"tag":66,"props":5224,"children":5225},{"class":73},[5226],{"type":20,"value":141},{"type":14,"tag":66,"props":5228,"children":5229},{"class":94},[5230],{"type":20,"value":146},{"type":14,"tag":66,"props":5232,"children":5233},{"class":73},[5234],{"type":20,"value":112},{"type":14,"tag":66,"props":5236,"children":5237},{"class":68,"line":153},[5238,5242],{"type":14,"tag":66,"props":5239,"children":5240},{"class":73},[5241],{"type":20,"value":159},{"type":14,"tag":66,"props":5243,"children":5244},{"class":162},[5245],{"type":20,"value":165},{"type":14,"tag":66,"props":5247,"children":5248},{"class":68,"line":168},[5249],{"type":14,"tag":66,"props":5250,"children":5251},{"class":73},[5252],{"type":20,"value":174},{"type":14,"tag":66,"props":5254,"children":5255},{"class":68,"line":177},[5256],{"type":14,"tag":66,"props":5257,"children":5258},{"class":73},[5259],{"type":20,"value":183},{"type":14,"tag":66,"props":5261,"children":5262},{"class":68,"line":186},[5263],{"type":14,"tag":66,"props":5264,"children":5265},{"class":73},[5266],{"type":20,"value":192},{"type":14,"tag":66,"props":5268,"children":5269},{"class":68,"line":195},[5270,5274,5278],{"type":14,"tag":66,"props":5271,"children":5272},{"class":73},[5273],{"type":20,"value":201},{"type":14,"tag":66,"props":5275,"children":5276},{"class":79},[5277],{"type":20,"value":82},{"type":14,"tag":66,"props":5279,"children":5280},{"class":73},[5281],{"type":20,"value":87},{"type":14,"tag":66,"props":5283,"children":5284},{"class":68,"line":212},[5285,5289,5293],{"type":14,"tag":66,"props":5286,"children":5287},{"class":73},[5288],{"type":20,"value":76},{"type":14,"tag":66,"props":5290,"children":5291},{"class":79},[5292],{"type":20,"value":39},{"type":14,"tag":66,"props":5294,"children":5295},{"class":73},[5296],{"type":20,"value":87},{"type":14,"tag":66,"props":5298,"children":5299},{"class":68,"line":228},[5300,5304,5308,5312,5316,5320,5324,5328,5332,5336,5341,5345,5349,5353,5357],{"type":14,"tag":66,"props":5301,"children":5302},{"class":73},[5303],{"type":20,"value":234},{"type":14,"tag":66,"props":5305,"children":5306},{"class":237},[5307],{"type":20,"value":240},{"type":14,"tag":66,"props":5309,"children":5310},{"class":73},[5311],{"type":20,"value":102},{"type":14,"tag":66,"props":5313,"children":5314},{"class":124},[5315],{"type":20,"value":268},{"type":14,"tag":66,"props":5317,"children":5318},{"class":73},[5319],{"type":20,"value":254},{"type":14,"tag":66,"props":5321,"children":5322},{"class":162},[5323],{"type":20,"value":277},{"type":14,"tag":66,"props":5325,"children":5326},{"class":73},[5327],{"type":20,"value":102},{"type":14,"tag":66,"props":5329,"children":5330},{"class":124},[5331],{"type":20,"value":5119},{"type":14,"tag":66,"props":5333,"children":5334},{"class":73},[5335],{"type":20,"value":254},{"type":14,"tag":66,"props":5337,"children":5338},{"class":162},[5339],{"type":20,"value":5340},"\"sm\"",{"type":14,"tag":66,"props":5342,"children":5343},{"class":73},[5344],{"type":20,"value":102},{"type":14,"tag":66,"props":5346,"children":5347},{"class":124},[5348],{"type":20,"value":286},{"type":14,"tag":66,"props":5350,"children":5351},{"class":73},[5352],{"type":20,"value":254},{"type":14,"tag":66,"props":5354,"children":5355},{"class":162},[5356],{"type":20,"value":295},{"type":14,"tag":66,"props":5358,"children":5359},{"class":73},[5360],{"type":20,"value":300},{"type":14,"tag":66,"props":5362,"children":5363},{"class":68,"line":303},[5364],{"type":14,"tag":66,"props":5365,"children":5366},{},[5367],{"type":20,"value":609},{"type":14,"tag":66,"props":5369,"children":5370},{"class":68,"line":612},[5371,5375,5379,5383,5387,5391,5395,5399,5403,5407,5412,5416,5420,5424,5428],{"type":14,"tag":66,"props":5372,"children":5373},{"class":73},[5374],{"type":20,"value":234},{"type":14,"tag":66,"props":5376,"children":5377},{"class":237},[5378],{"type":20,"value":240},{"type":14,"tag":66,"props":5380,"children":5381},{"class":73},[5382],{"type":20,"value":102},{"type":14,"tag":66,"props":5384,"children":5385},{"class":124},[5386],{"type":20,"value":268},{"type":14,"tag":66,"props":5388,"children":5389},{"class":73},[5390],{"type":20,"value":254},{"type":14,"tag":66,"props":5392,"children":5393},{"class":162},[5394],{"type":20,"value":277},{"type":14,"tag":66,"props":5396,"children":5397},{"class":73},[5398],{"type":20,"value":102},{"type":14,"tag":66,"props":5400,"children":5401},{"class":124},[5402],{"type":20,"value":5119},{"type":14,"tag":66,"props":5404,"children":5405},{"class":73},[5406],{"type":20,"value":254},{"type":14,"tag":66,"props":5408,"children":5409},{"class":162},[5410],{"type":20,"value":5411},"\"md\"",{"type":14,"tag":66,"props":5413,"children":5414},{"class":73},[5415],{"type":20,"value":102},{"type":14,"tag":66,"props":5417,"children":5418},{"class":124},[5419],{"type":20,"value":286},{"type":14,"tag":66,"props":5421,"children":5422},{"class":73},[5423],{"type":20,"value":254},{"type":14,"tag":66,"props":5425,"children":5426},{"class":162},[5427],{"type":20,"value":295},{"type":14,"tag":66,"props":5429,"children":5430},{"class":73},[5431],{"type":20,"value":300},{"type":14,"tag":66,"props":5433,"children":5434},{"class":68,"line":678},[5435],{"type":14,"tag":66,"props":5436,"children":5437},{},[5438],{"type":20,"value":609},{"type":14,"tag":66,"props":5440,"children":5441},{"class":68,"line":686},[5442,5446,5450,5454,5458,5462,5466,5470,5474,5478,5483,5487,5491,5495,5499],{"type":14,"tag":66,"props":5443,"children":5444},{"class":73},[5445],{"type":20,"value":234},{"type":14,"tag":66,"props":5447,"children":5448},{"class":237},[5449],{"type":20,"value":240},{"type":14,"tag":66,"props":5451,"children":5452},{"class":73},[5453],{"type":20,"value":102},{"type":14,"tag":66,"props":5455,"children":5456},{"class":124},[5457],{"type":20,"value":268},{"type":14,"tag":66,"props":5459,"children":5460},{"class":73},[5461],{"type":20,"value":254},{"type":14,"tag":66,"props":5463,"children":5464},{"class":162},[5465],{"type":20,"value":277},{"type":14,"tag":66,"props":5467,"children":5468},{"class":73},[5469],{"type":20,"value":102},{"type":14,"tag":66,"props":5471,"children":5472},{"class":124},[5473],{"type":20,"value":5119},{"type":14,"tag":66,"props":5475,"children":5476},{"class":73},[5477],{"type":20,"value":254},{"type":14,"tag":66,"props":5479,"children":5480},{"class":162},[5481],{"type":20,"value":5482},"\"lg\"",{"type":14,"tag":66,"props":5484,"children":5485},{"class":73},[5486],{"type":20,"value":102},{"type":14,"tag":66,"props":5488,"children":5489},{"class":124},[5490],{"type":20,"value":286},{"type":14,"tag":66,"props":5492,"children":5493},{"class":73},[5494],{"type":20,"value":254},{"type":14,"tag":66,"props":5496,"children":5497},{"class":162},[5498],{"type":20,"value":295},{"type":14,"tag":66,"props":5500,"children":5501},{"class":73},[5502],{"type":20,"value":300},{"type":14,"tag":66,"props":5504,"children":5505},{"class":68,"line":752},[5506,5510,5514],{"type":14,"tag":66,"props":5507,"children":5508},{"class":73},[5509],{"type":20,"value":201},{"type":14,"tag":66,"props":5511,"children":5512},{"class":79},[5513],{"type":20,"value":39},{"type":14,"tag":66,"props":5515,"children":5516},{"class":73},[5517],{"type":20,"value":317},{"type":14,"tag":319,"props":5519,"children":5521},{"id":5520},"props",[5522],{"type":20,"value":5523},"Props",{"type":14,"tag":5525,"props":5526,"children":5527},"content-component-props",{"component":240},[],{"type":14,"tag":319,"props":5529,"children":5531},{"id":5530},"slots",[5532],{"type":20,"value":5533},"Slots",{"type":14,"tag":5535,"props":5536,"children":5537},"content-component-slots",{"component":240},[],{"type":14,"tag":319,"props":5539,"children":5541},{"id":5540},"events",[5542],{"type":20,"value":5543},"Events",{"type":14,"tag":5545,"props":5546,"children":5547},"content-component-events",{"component":240},[],{"type":14,"tag":319,"props":5549,"children":5551},{"id":5550},"design-tokens",[5552],{"type":20,"value":5553},"Design Tokens",{"type":14,"tag":5555,"props":5556,"children":5557},"content-component-design-tokens",{"component":240},[],{"type":14,"tag":5559,"children":5560},"style",[5561],{"type":20,"value":5562},".ct-553616{color:#24292E;}\n.dark-theme .ct-553616{color:#E1E4E8;}\n.ct-914029{color:#22863A;}\n.dark-theme .ct-914029{color:#85E89D;}\n.ct-149352{color:#D73A49;}\n.dark-theme .ct-149352{color:#F97583;}\n.ct-762058{color:#6F42C1;}\n.dark-theme .ct-762058{color:#B392F0;}\n.ct-952708{color:#032F62;}\n.dark-theme .ct-952708{color:#9ECBFF;}\n.ct-028869{color:#B31D28;font-style:italic;}\n.dark-theme .ct-028869{color:#FDAEB7;font-style:italic;}",{"title":7,"searchDepth":90,"depth":90,"links":5564},[5565],{"id":25,"depth":90,"text":9,"children":5566},[5567,5568,5569,5570,5571,5572,5573,5574,5575,5576,5577,5578],{"id":321,"depth":115,"text":324},{"id":916,"depth":115,"text":919},{"id":1154,"depth":115,"text":1157},{"id":1392,"depth":115,"text":1395},{"id":1630,"depth":115,"text":1633},{"id":2139,"depth":115,"text":2142},{"id":4774,"depth":115,"text":4777},{"id":5106,"depth":115,"text":5109},{"id":5520,"depth":115,"text":5523},{"id":5530,"depth":115,"text":5533},{"id":5540,"depth":115,"text":5543},{"id":5550,"depth":115,"text":5553},"markdown","content:docs:forms:components:input.md","content","docs/forms/components/input.md",1794582260010]