[{"data":1,"prerenderedAt":836},["ShallowReactive",2],{"navigation_docs":3,"-colorffy-ui-components-icons":273,"-colorffy-ui-components-icons-surround":831},[4,21,115],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":20},"Getting Started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",false,{"title":22,"icon":23,"path":24,"stem":25,"children":26,"page":20},"Colorffy CSS","i-lucide-palette","\u002Fcolorffy-css","2.colorffy-css",[27,32,37,42,78,99],{"title":28,"path":29,"stem":30,"icon":31},"Overview","\u002Fcolorffy-css\u002Foverview","2.colorffy-css\u002F1.overview","i-lucide-book-open",{"title":33,"path":34,"stem":35,"icon":36},"Color System","\u002Fcolorffy-css\u002Fcolor-system","2.colorffy-css\u002F2.color-system","i-lucide-droplet",{"title":38,"path":39,"stem":40,"icon":41},"Customization","\u002Fcolorffy-css\u002Fcustomization","2.colorffy-css\u002F3.customization","i-lucide-settings",{"title":43,"icon":44,"path":45,"stem":46,"children":47,"page":20},"Utilities","i-lucide-wrench","\u002Fcolorffy-css\u002Futilities","2.colorffy-css\u002F4.utilities",[48,53,58,63,68,73],{"title":49,"path":50,"stem":51,"icon":52},"Borders & Shadows","\u002Fcolorffy-css\u002Futilities\u002Fborders-shadows","2.colorffy-css\u002F4.utilities\u002F01.borders-shadows","i-lucide-frame",{"title":54,"path":55,"stem":56,"icon":57},"Colors & Gradients","\u002Fcolorffy-css\u002Futilities\u002Fcolors-gradients","2.colorffy-css\u002F4.utilities\u002F02.colors-gradients","i-lucide-paint-bucket",{"title":59,"path":60,"stem":61,"icon":62},"Display & Flexbox","\u002Fcolorffy-css\u002Futilities\u002Fdisplay-flexbox","2.colorffy-css\u002F4.utilities\u002F03.display-flexbox","i-lucide-stretch-horizontal",{"title":64,"path":65,"stem":66,"icon":67},"Effects","\u002Fcolorffy-css\u002Futilities\u002Feffects","2.colorffy-css\u002F4.utilities\u002F04.effects","i-lucide-wand-sparkles",{"title":69,"path":70,"stem":71,"icon":72},"Spacing","\u002Fcolorffy-css\u002Futilities\u002Fspacing","2.colorffy-css\u002F4.utilities\u002F05.spacing","i-lucide-ruler",{"title":74,"path":75,"stem":76,"icon":77},"Typography","\u002Fcolorffy-css\u002Futilities\u002Ftypography","2.colorffy-css\u002F4.utilities\u002F06.typography","i-lucide-type",{"title":79,"icon":80,"path":81,"stem":82,"children":83,"page":20},"Layout","i-lucide-layout-template","\u002Fcolorffy-css\u002Flayout","2.colorffy-css\u002F5.layout",[84,89,94],{"title":85,"path":86,"stem":87,"icon":88},"App Layout","\u002Fcolorffy-css\u002Flayout\u002Fapp-layout","2.colorffy-css\u002F5.layout\u002F01.app-layout","i-lucide-app-window",{"title":90,"path":91,"stem":92,"icon":93},"Flex Grid","\u002Fcolorffy-css\u002Flayout\u002Fflex-grid","2.colorffy-css\u002F5.layout\u002F02.flex-grid","i-lucide-columns-3",{"title":95,"path":96,"stem":97,"icon":98},"Grid","\u002Fcolorffy-css\u002Flayout\u002Fgrid","2.colorffy-css\u002F5.layout\u002F03.grid","i-lucide-grid-3x3",{"title":100,"icon":101,"path":102,"stem":103,"children":104,"page":20},"SCSS API","i-lucide-braces","\u002Fcolorffy-css\u002Fscss-api","2.colorffy-css\u002F6.scss-api",[105,110],{"title":106,"path":107,"stem":108,"icon":109},"Mixins","\u002Fcolorffy-css\u002Fscss-api\u002Fmixins","2.colorffy-css\u002F6.scss-api\u002F01.mixins","i-lucide-code",{"title":111,"path":112,"stem":113,"icon":114},"Tonal Tokens","\u002Fcolorffy-css\u002Fscss-api\u002Ftonal-tokens","2.colorffy-css\u002F6.scss-api\u002F02.tonal-tokens","i-lucide-swatch-book",{"title":116,"icon":117,"path":118,"stem":119,"children":120,"page":20},"Colorffy UI","i-lucide-blocks","\u002Fcolorffy-ui","3.colorffy-ui",[121,125,268],{"title":122,"path":123,"stem":124,"icon":31},"Usage","\u002Fcolorffy-ui\u002Fusage","3.colorffy-ui\u002F1.usage",{"title":126,"icon":127,"path":128,"stem":129,"children":130,"page":20},"Components","i-lucide-component","\u002Fcolorffy-ui\u002Fcomponents","3.colorffy-ui\u002F2.components",[131,135,140,145,150,155,160,165,170,175,180,185,190,195,200,204,209,214,218,223,228,233,238,243,248,253,258,263],{"title":28,"path":132,"stem":133,"icon":134},"\u002Fcolorffy-ui\u002Fcomponents\u002Foverview","3.colorffy-ui\u002F2.components\u002F00.overview","i-lucide-layout-grid",{"title":136,"path":137,"stem":138,"icon":139},"Accordion","\u002Fcolorffy-ui\u002Fcomponents\u002Faccordion","3.colorffy-ui\u002F2.components\u002F01.accordion","i-lucide-chevrons-down-up",{"title":141,"path":142,"stem":143,"icon":144},"Alert","\u002Fcolorffy-ui\u002Fcomponents\u002Falert","3.colorffy-ui\u002F2.components\u002F02.alert","i-lucide-triangle-alert",{"title":146,"path":147,"stem":148,"icon":149},"Avatar","\u002Fcolorffy-ui\u002Fcomponents\u002Favatar","3.colorffy-ui\u002F2.components\u002F03.avatar","i-lucide-circle-user",{"title":151,"path":152,"stem":153,"icon":154},"Badge","\u002Fcolorffy-ui\u002Fcomponents\u002Fbadge","3.colorffy-ui\u002F2.components\u002F04.badge","i-lucide-tag",{"title":156,"path":157,"stem":158,"icon":159},"Breadcrumb","\u002Fcolorffy-ui\u002Fcomponents\u002Fbreadcrumb","3.colorffy-ui\u002F2.components\u002F05.breadcrumb","i-lucide-chevron-right",{"title":161,"path":162,"stem":163,"icon":164},"Button","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton","3.colorffy-ui\u002F2.components\u002F06.button","i-lucide-square-mouse-pointer",{"title":166,"path":167,"stem":168,"icon":169},"Button Group","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-group","3.colorffy-ui\u002F2.components\u002F07.button-group","i-lucide-square-stack",{"title":171,"path":172,"stem":173,"icon":174},"Button Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fbutton-menu","3.colorffy-ui\u002F2.components\u002F08.button-menu","i-lucide-menu",{"title":176,"path":177,"stem":178,"icon":179},"Card","\u002Fcolorffy-ui\u002Fcomponents\u002Fcard","3.colorffy-ui\u002F2.components\u002F09.card","i-lucide-square",{"title":181,"path":182,"stem":183,"icon":184},"Datatable","\u002Fcolorffy-ui\u002Fcomponents\u002Fdatatable","3.colorffy-ui\u002F2.components\u002F10.datatable","i-lucide-table",{"title":186,"path":187,"stem":188,"icon":189},"Empty","\u002Fcolorffy-ui\u002Fcomponents\u002Fempty","3.colorffy-ui\u002F2.components\u002F11.empty","i-lucide-inbox",{"title":191,"path":192,"stem":193,"icon":194},"Icons","\u002Fcolorffy-ui\u002Fcomponents\u002Ficons","3.colorffy-ui\u002F2.components\u002F12.icons","i-lucide-shapes",{"title":196,"path":197,"stem":198,"icon":199},"Inputs","\u002Fcolorffy-ui\u002Fcomponents\u002Finputs","3.colorffy-ui\u002F2.components\u002F13.inputs","i-lucide-text-cursor-input",{"title":79,"path":201,"stem":202,"icon":203},"\u002Fcolorffy-ui\u002Fcomponents\u002Flayout","3.colorffy-ui\u002F2.components\u002F14.layout","i-lucide-layout",{"title":205,"path":206,"stem":207,"icon":208},"List","\u002Fcolorffy-ui\u002Fcomponents\u002Flist","3.colorffy-ui\u002F2.components\u002F15.list","i-lucide-list",{"title":210,"path":211,"stem":212,"icon":213},"Loading","\u002Fcolorffy-ui\u002Fcomponents\u002Floading","3.colorffy-ui\u002F2.components\u002F16.loading","i-lucide-loader-circle",{"title":215,"path":216,"stem":217,"icon":88},"Modal","\u002Fcolorffy-ui\u002Fcomponents\u002Fmodal","3.colorffy-ui\u002F2.components\u002F17.modal",{"title":219,"path":220,"stem":221,"icon":222},"Navbar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavbar","3.colorffy-ui\u002F2.components\u002F18.navbar","i-lucide-panel-top",{"title":224,"path":225,"stem":226,"icon":227},"Navigation Bar","\u002Fcolorffy-ui\u002Fcomponents\u002Fnavigation-bar","3.colorffy-ui\u002F2.components\u002F19.navigation-bar","i-lucide-navigation",{"title":229,"path":230,"stem":231,"icon":232},"Popover","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover","3.colorffy-ui\u002F2.components\u002F20.popover","i-lucide-message-square",{"title":234,"path":235,"stem":236,"icon":237},"Popover Menu","\u002Fcolorffy-ui\u002Fcomponents\u002Fpopover-menu","3.colorffy-ui\u002F2.components\u002F21.popover-menu","i-lucide-ellipsis",{"title":239,"path":240,"stem":241,"icon":242},"Progress","\u002Fcolorffy-ui\u002Fcomponents\u002Fprogress","3.colorffy-ui\u002F2.components\u002F22.progress","i-lucide-loader",{"title":244,"path":245,"stem":246,"icon":247},"Segmented Controls","\u002Fcolorffy-ui\u002Fcomponents\u002Fsegmented-controls","3.colorffy-ui\u002F2.components\u002F23.segmented-controls","i-lucide-toggle-left",{"title":249,"path":250,"stem":251,"icon":252},"Sidebar","\u002Fcolorffy-ui\u002Fcomponents\u002Fsidebar","3.colorffy-ui\u002F2.components\u002F24.sidebar","i-lucide-panel-left",{"title":254,"path":255,"stem":256,"icon":257},"Skeleton","\u002Fcolorffy-ui\u002Fcomponents\u002Fskeleton","3.colorffy-ui\u002F2.components\u002F25.skeleton","i-lucide-square-dashed",{"title":259,"path":260,"stem":261,"icon":262},"Tabs","\u002Fcolorffy-ui\u002Fcomponents\u002Ftabs","3.colorffy-ui\u002F2.components\u002F26.tabs","i-lucide-panels-top-left",{"title":264,"path":265,"stem":266,"icon":267},"Tooltip","\u002Fcolorffy-ui\u002Fcomponents\u002Ftooltip","3.colorffy-ui\u002F2.components\u002F27.tooltip","i-lucide-message-circle",{"title":269,"path":270,"stem":271,"icon":272},"Styling","\u002Fcolorffy-ui\u002Fstyling","3.colorffy-ui\u002F3.styling","i-lucide-paintbrush",{"id":274,"title":191,"body":275,"description":824,"extension":825,"links":826,"meta":827,"navigation":828,"path":192,"seo":829,"stem":193,"__hash__":830},"docs\u002F3.colorffy-ui\u002F2.components\u002F12.icons.md",{"type":276,"value":277,"toc":817},"minimark",[278,305,310,313,426,430,502,506,569,573,674,678,813],[279,280,281,282,286,287,286,290,293,294,297,298,300,301,304],"p",{},"Colorffy UI provides four icon components. All share base props — ",[283,284,285],"code",{},"size",", ",[283,288,289],{},"color",[283,291,292],{},"decorative",", and ",[283,295,296],{},"ariaLabel"," (required when ",[283,299,292],{}," is ",[283,302,303],{},"false",").",[306,307,309],"h2",{"id":308},"material-symbols","Material Symbols",[279,311,312],{},"Pass a Material Symbols entity code:",[314,315,320],"pre",{"className":316,"code":317,"language":318,"meta":319,"style":319},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003CUiIconMaterial icon-code=\"\" \u002F>\n  \u003CUiIconMaterial icon-code=\"\" :size=\"32\" color=\"var(--theme-primary-base)\" \u002F>\n\u003C\u002Ftemplate>\n","vue","",[283,321,322,338,370,416],{"__ignoreMap":319},[323,324,327,331,335],"span",{"class":325,"line":326},"line",1,[323,328,330],{"class":329},"sMK4o","\u003C",[323,332,334],{"class":333},"swJcz","template",[323,336,337],{"class":329},">\n",[323,339,341,344,347,351,354,357,361,365,367],{"class":325,"line":340},2,[323,342,343],{"class":329},"  \u003C",[323,345,346],{"class":333},"UiIconMaterial",[323,348,350],{"class":349},"spNyl"," icon-code",[323,352,353],{"class":329},"=",[323,355,356],{"class":329},"\"",[323,358,360],{"class":359},"sTEyZ","&",[323,362,364],{"class":363},"sfazB","#xe88a;",[323,366,356],{"class":329},[323,368,369],{"class":329}," \u002F>\n",[323,371,373,375,377,379,381,383,385,388,390,393,395,397,400,402,405,407,409,412,414],{"class":325,"line":372},3,[323,374,343],{"class":329},[323,376,346],{"class":333},[323,378,350],{"class":349},[323,380,353],{"class":329},[323,382,356],{"class":329},[323,384,360],{"class":359},[323,386,387],{"class":363},"#xe838;",[323,389,356],{"class":329},[323,391,392],{"class":349}," :size",[323,394,353],{"class":329},[323,396,356],{"class":329},[323,398,399],{"class":363},"32",[323,401,356],{"class":329},[323,403,404],{"class":349}," color",[323,406,353],{"class":329},[323,408,356],{"class":329},[323,410,411],{"class":363},"var(--theme-primary-base)",[323,413,356],{"class":329},[323,415,369],{"class":329},[323,417,419,422,424],{"class":325,"line":418},4,[323,420,421],{"class":329},"\u003C\u002F",[323,423,334],{"class":333},[323,425,337],{"class":329},[306,427,429],{"id":428},"decorative-shapes","Decorative shapes",[314,431,433],{"className":316,"code":432,"language":318,"meta":319,"style":319},"\u003Ctemplate>\n  \u003CUiIconShapes shape=\"blob-3\" \u002F>\n  \u003CUiIconShapes shape=\"star-5\" :size=\"48\" \u002F>\n\u003C\u002Ftemplate>\n",[283,434,435,443,464,494],{"__ignoreMap":319},[323,436,437,439,441],{"class":325,"line":326},[323,438,330],{"class":329},[323,440,334],{"class":333},[323,442,337],{"class":329},[323,444,445,447,450,453,455,457,460,462],{"class":325,"line":340},[323,446,343],{"class":329},[323,448,449],{"class":333},"UiIconShapes",[323,451,452],{"class":349}," shape",[323,454,353],{"class":329},[323,456,356],{"class":329},[323,458,459],{"class":363},"blob-3",[323,461,356],{"class":329},[323,463,369],{"class":329},[323,465,466,468,470,472,474,476,479,481,483,485,487,490,492],{"class":325,"line":372},[323,467,343],{"class":329},[323,469,449],{"class":333},[323,471,452],{"class":349},[323,473,353],{"class":329},[323,475,356],{"class":329},[323,477,478],{"class":363},"star-5",[323,480,356],{"class":329},[323,482,392],{"class":349},[323,484,353],{"class":329},[323,486,356],{"class":329},[323,488,489],{"class":363},"48",[323,491,356],{"class":329},[323,493,369],{"class":329},[323,495,496,498,500],{"class":325,"line":418},[323,497,421],{"class":329},[323,499,334],{"class":333},[323,501,337],{"class":329},[306,503,505],{"id":504},"tool-brand-glyphs","Tool & brand glyphs",[314,507,509],{"className":316,"code":508,"language":318,"meta":319,"style":319},"\u003Ctemplate>\n  \u003CUiIconTool tool=\"Google Analytics\" \u002F>\n  \u003CUiIconApp brand=\"github\" \u002F>\n\u003C\u002Ftemplate>\n",[283,510,511,519,540,561],{"__ignoreMap":319},[323,512,513,515,517],{"class":325,"line":326},[323,514,330],{"class":329},[323,516,334],{"class":333},[323,518,337],{"class":329},[323,520,521,523,526,529,531,533,536,538],{"class":325,"line":340},[323,522,343],{"class":329},[323,524,525],{"class":333},"UiIconTool",[323,527,528],{"class":349}," tool",[323,530,353],{"class":329},[323,532,356],{"class":329},[323,534,535],{"class":363},"Google Analytics",[323,537,356],{"class":329},[323,539,369],{"class":329},[323,541,542,544,547,550,552,554,557,559],{"class":325,"line":372},[323,543,343],{"class":329},[323,545,546],{"class":333},"UiIconApp",[323,548,549],{"class":349}," brand",[323,551,353],{"class":329},[323,553,356],{"class":329},[323,555,556],{"class":363},"github",[323,558,356],{"class":329},[323,560,369],{"class":329},[323,562,563,565,567],{"class":325,"line":418},[323,564,421],{"class":329},[323,566,334],{"class":333},[323,568,337],{"class":329},[306,570,572],{"id":571},"shared-base-props","Shared base props",[574,575,576,595],"table",{},[577,578,579],"thead",{},[580,581,582,586,589,592],"tr",{},[583,584,585],"th",{},"Prop",[583,587,588],{},"Type",[583,590,591],{},"Default",[583,593,594],{},"Description",[596,597,598,616,635,654],"tbody",{},[580,599,600,605,610,613],{},[601,602,603],"td",{},[283,604,285],{},[601,606,607],{},[283,608,609],{},"'xs' | 'sm' | 'md' | 'lg' | 'xl' | number",[601,611,612],{},"—",[601,614,615],{},"Size token or px\u002Fem value.",[580,617,618,622,627,632],{},[601,619,620],{},[283,621,289],{},[601,623,624],{},[283,625,626],{},"string | null",[601,628,629],{},[283,630,631],{},"currentColor",[601,633,634],{},"Override color.",[580,636,637,641,646,651],{},[601,638,639],{},[283,640,292],{},[601,642,643],{},[283,644,645],{},"boolean",[601,647,648],{},[283,649,650],{},"true",[601,652,653],{},"Hide from assistive tech.",[580,655,656,660,664,666],{},[601,657,658],{},[283,659,296],{},[601,661,662],{},[283,663,626],{},[601,665,612],{},[601,667,668,669,300,671,673],{},"Required when ",[283,670,292],{},[283,672,303],{},".",[306,675,677],{"id":676},"per-component-prop","Per-component prop",[574,679,680,693],{},[577,681,682],{},[580,683,684,687,690],{},[583,685,686],{},"Component",[583,688,689],{},"Required prop",[583,691,692],{},"Values",[596,694,695,713,754,779],{},[580,696,697,701,706],{},[601,698,699],{},[283,700,346],{},[601,702,703],{},[283,704,705],{},"iconCode",[601,707,708,709,712],{},"Material Symbols entity (e.g. ",[283,710,711],{},"",")",[580,714,715,719,724],{},[601,716,717],{},[283,718,449],{},[601,720,721],{},[283,722,723],{},"shape",[601,725,726,729,730,286,733,729,736,286,739,729,742,286,745,729,748,286,751],{},[283,727,728],{},"blob-1","…",[283,731,732],{},"blob-7",[283,734,735],{},"star-1",[283,737,738],{},"star-8",[283,740,741],{},"circle-1",[283,743,744],{},"circle-4",[283,746,747],{},"shape-1",[283,749,750],{},"shape-4",[283,752,753],{},"lighting-1",[580,755,756,760,765],{},[601,757,758],{},[283,759,525],{},[601,761,762],{},[283,763,764],{},"tool",[601,766,767,286,770,286,772,286,775,778],{},[283,768,769],{},"Stripe",[283,771,535],{},[283,773,774],{},"Firebase Console",[283,776,777],{},"Search Console",", …",[580,780,781,785,794],{},[601,782,783],{},[283,784,546],{},[601,786,787,790,791,712],{},[283,788,789],{},"brand"," (or ",[283,792,793],{},"icon",[601,795,796,286,798,286,801,286,804,286,807,286,810,778],{},[283,797,556],{},[283,799,800],{},"google",[283,802,803],{},"apple",[283,805,806],{},"nuxt",[283,808,809],{},"discord",[283,811,812],{},"twitter",[814,815,816],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":319,"searchDepth":340,"depth":340,"links":818},[819,820,821,822,823],{"id":308,"depth":340,"text":309},{"id":428,"depth":340,"text":429},{"id":504,"depth":340,"text":505},{"id":571,"depth":340,"text":572},{"id":676,"depth":340,"text":677},"Render Material Symbols, decorative shapes, tool glyphs, and brand logos.","md",null,{},{"icon":194},{"title":191,"description":824},"o7E7H5aoSJHDGzyMwLOAESh3bshd_8Md6iN38aKu1hE",[832,834],{"title":186,"path":187,"stem":188,"description":833,"icon":189,"children":-1},"Communicate an empty state with an icon, message, and optional action.",{"title":196,"path":197,"stem":198,"description":835,"icon":199,"children":-1},"Collect user input with text, select, checkbox, radio, range, file, and color inputs.",1782196219260]