[{"data":1,"prerenderedAt":979},["ShallowReactive",2],{"landing-copy":3,"\u002Fdocs\u002Fv1\u002Fcustomization\u002Ftheme-color":65,"nav:v1":835},{"id":4,"extension":5,"meta":6,"sections":7,"stem":62,"tagline":63,"__hash__":64},"landing\u002Flanding.yml","yml",{},[8,18,22,29,33,40,47,51,57],{"id":9,"headline":10,"body":11,"cta":12,"secondary":15},"hero","The bare minimum for elegant interfaces.","Three classes, no framework, {css.kB}. A CSS and JavaScript library with no reset, no font, no runtime dependencies and no rule outside a `pui-` class; the browser does the work.",{"label":13,"to":14},"Get started","\u002Fdocs",{"label":16,"to":17},"Migrating from 0.x","\u002Fdocs\u002Fgetting-started\u002Fmigrating-from-0-x",{"id":19,"headline":20,"body":21},"size","{css.kB}. Measured, not promised.","`perfectui.css` is {css.bytes} bytes gzip; the optional JavaScript loader is {js.bytes}. The bars below are the same measurement run on the published builds of the alternatives.",{"id":23,"headline":24,"body":25,"cta":26},"classes","A shape, a style, a colour.","Every element is up to three classes you can combine freely: what it is, how the colour is applied, which colour. Seven colours and four styles give 28 looks per shape, and adding a colour never multiplies your classes.",{"label":27,"to":28},"See the components","\u002Fdocs\u002Fcomponents\u002Fbutton",{"id":30,"headline":31,"body":32},"overlays","Overlays without a plugin.","Modals are `\u003Cdialog>`, menus are `popover`, tooltips are `interestfor`, accordions are `\u003Cdetails>`. The optional loader downloads a fallback only when a browser is missing one of them.",{"id":34,"headline":35,"body":36,"cta":37},"mode-theme","One attribute for dark mode. One variable for your colour.","With no attribute, perfectui follows the operating system. Set `data-pui-mode` to choose, and `--pui-theme` to make every component yours.",{"label":38,"to":39},"Dark mode docs","\u002Fdocs\u002Fcustomization\u002Fdark-mode",{"id":41,"headline":42,"body":43,"cta":44},"tailwind","Your utilities always win.","One `@layer` line keeps Tailwind's reset below perfectui and every utility above it.",{"label":45,"to":46},"Tailwind guide","\u002Fdocs\u002Fgetting-started\u002Ftailwind-css",{"id":48,"headline":49,"body":50},"nothing-to-undo","Nothing you have to undo.","No reset to override, no font to remove, no `!important` to beat, no initialiser to call after rendering, no guard for server rendering. ESM only, nothing on `window`.",{"id":52,"headline":53,"body":54,"cta":55},"migration","Coming from 0.x?","1.0 is a rewrite: every class is prefixed, styles and colours are separate classes, and the browser replaced the JavaScript. The guide lists every change.",{"label":56,"to":17},"Read the migration guide",{"id":58,"headline":59,"body":60,"cta":61},"install","Install it your way.","A package for npm, yarn, pnpm or bun, or two tags from a CDN. Import everything or only the components you use.",{"label":13,"to":14},"landing","Components the browser already knows how to run.","QsxvMnCQ8bgawTVgX6YLkvZoqMKaQbFt0j1urNnrKQw",{"id":66,"title":67,"body":68,"changed":825,"description":826,"extension":827,"from":825,"meta":828,"navigation":239,"path":829,"seo":830,"since":825,"stem":831,"tags":832,"to":825,"__hash__":834},"docs_v1\u002Fdocs\u002Fv1\u002F02.customization\u002F02.theme-color.md","Theme Color",{"type":69,"value":70,"toc":818},"minimark",[71,122,130,135,552,556,563,604,608,611,674,678,681,757,761,769,814],[72,73,78],"pre",{"className":74,"code":75,"language":76,"meta":77,"style":77},"language-css shiki shiki-themes perfectui-site",":root {\n  --pui-theme: #7c3aed;\n}\n","css","",[79,80,81,97,116],"code",{"__ignoreMap":77},[82,83,86,90,94],"span",{"class":84,"line":85},"line",1,[82,87,89],{"class":88},"s8qk9",":",[82,91,93],{"class":92},"sz6eq","root",[82,95,96],{"class":88}," {\n",[82,98,100,104,106,109,113],{"class":84,"line":99},2,[82,101,103],{"class":102},"stV6K","  --pui-theme",[82,105,89],{"class":88},[82,107,108],{"class":88}," #",[82,110,112],{"class":111},"s8AH5","7c3aed",[82,114,115],{"class":88},";\n",[82,117,119],{"class":84,"line":118},3,[82,120,121],{"class":88},"}\n",[123,124,125,126,129],"p",{},"That single line repaints every component that uses the theme color, in both modes, including hover tones and the soft and outline variants — they are all derived from it with ",[79,127,128],{},"color-mix()",".",[131,132,134],"h2",{"id":133},"the-tokens","The tokens",[72,136,138],{"className":74,"code":137,"language":76,"meta":77,"style":77},":root {\n  \u002F* surfaces *\u002F\n  --pui-bg: light-dark(#fff, #000);\n  --pui-bg-muted: light-dark(#f3f4f6, #111827);\n  --pui-bg-emphasis: light-dark(#e5e7eb, #1f2937);\n\n  \u002F* text *\u002F\n  --pui-text: light-dark(#000, #fff);\n  --pui-text-muted: light-dark(#676d7b, #9ca3af);\n\n  \u002F* border *\u002F\n  --pui-border: light-dark(#d1d5db, #374151);\n\n  \u002F* state colors *\u002F\n  --pui-theme: light-dark(#0092cd, #07b6f0);\n  --pui-success: light-dark(#16a34a, #22c55e);\n  --pui-error: light-dark(#dc2626, #ef4444);\n  --pui-warn: light-dark(#d97706, #f59e0b);\n  --pui-muted: light-dark(#6b7280, #9ca3af);\n\n  \u002F* everything that is not a color *\u002F\n  --pui-radius: 0.375rem;\n  --pui-space: 0.25rem;\n  --pui-font-size: 0.875rem;\n  --pui-border-width: 1px;\n}\n",[79,139,140,148,153,182,208,234,241,247,271,297,302,308,334,339,345,370,396,422,448,473,478,484,501,516,531,547],{"__ignoreMap":77},[82,141,142,144,146],{"class":84,"line":85},[82,143,89],{"class":88},[82,145,93],{"class":92},[82,147,96],{"class":88},[82,149,150],{"class":84,"line":99},[82,151,152],{"class":88},"  \u002F* surfaces *\u002F\n",[82,154,155,158,160,163,166,169,172,174,177,180],{"class":84,"line":118},[82,156,157],{"class":102},"  --pui-bg",[82,159,89],{"class":88},[82,161,162],{"class":102}," light-dark(",[82,164,165],{"class":88},"#",[82,167,168],{"class":111},"fff",[82,170,171],{"class":88},",",[82,173,108],{"class":88},[82,175,176],{"class":111},"000",[82,178,179],{"class":102},")",[82,181,115],{"class":88},[82,183,185,188,190,192,194,197,199,201,204,206],{"class":84,"line":184},4,[82,186,187],{"class":102},"  --pui-bg-muted",[82,189,89],{"class":88},[82,191,162],{"class":102},[82,193,165],{"class":88},[82,195,196],{"class":111},"f3f4f6",[82,198,171],{"class":88},[82,200,108],{"class":88},[82,202,203],{"class":111},"111827",[82,205,179],{"class":102},[82,207,115],{"class":88},[82,209,211,214,216,218,220,223,225,227,230,232],{"class":84,"line":210},5,[82,212,213],{"class":102},"  --pui-bg-emphasis",[82,215,89],{"class":88},[82,217,162],{"class":102},[82,219,165],{"class":88},[82,221,222],{"class":111},"e5e7eb",[82,224,171],{"class":88},[82,226,108],{"class":88},[82,228,229],{"class":111},"1f2937",[82,231,179],{"class":102},[82,233,115],{"class":88},[82,235,237],{"class":84,"line":236},6,[82,238,240],{"emptyLinePlaceholder":239},true,"\n",[82,242,244],{"class":84,"line":243},7,[82,245,246],{"class":88},"  \u002F* text *\u002F\n",[82,248,250,253,255,257,259,261,263,265,267,269],{"class":84,"line":249},8,[82,251,252],{"class":102},"  --pui-text",[82,254,89],{"class":88},[82,256,162],{"class":102},[82,258,165],{"class":88},[82,260,176],{"class":111},[82,262,171],{"class":88},[82,264,108],{"class":88},[82,266,168],{"class":111},[82,268,179],{"class":102},[82,270,115],{"class":88},[82,272,274,277,279,281,283,286,288,290,293,295],{"class":84,"line":273},9,[82,275,276],{"class":102},"  --pui-text-muted",[82,278,89],{"class":88},[82,280,162],{"class":102},[82,282,165],{"class":88},[82,284,285],{"class":111},"676d7b",[82,287,171],{"class":88},[82,289,108],{"class":88},[82,291,292],{"class":111},"9ca3af",[82,294,179],{"class":102},[82,296,115],{"class":88},[82,298,300],{"class":84,"line":299},10,[82,301,240],{"emptyLinePlaceholder":239},[82,303,305],{"class":84,"line":304},11,[82,306,307],{"class":88},"  \u002F* border *\u002F\n",[82,309,311,314,316,318,320,323,325,327,330,332],{"class":84,"line":310},12,[82,312,313],{"class":102},"  --pui-border",[82,315,89],{"class":88},[82,317,162],{"class":102},[82,319,165],{"class":88},[82,321,322],{"class":111},"d1d5db",[82,324,171],{"class":88},[82,326,108],{"class":88},[82,328,329],{"class":111},"374151",[82,331,179],{"class":102},[82,333,115],{"class":88},[82,335,337],{"class":84,"line":336},13,[82,338,240],{"emptyLinePlaceholder":239},[82,340,342],{"class":84,"line":341},14,[82,343,344],{"class":88},"  \u002F* state colors *\u002F\n",[82,346,348,350,352,354,356,359,361,363,366,368],{"class":84,"line":347},15,[82,349,103],{"class":102},[82,351,89],{"class":88},[82,353,162],{"class":102},[82,355,165],{"class":88},[82,357,358],{"class":111},"0092cd",[82,360,171],{"class":88},[82,362,108],{"class":88},[82,364,365],{"class":111},"07b6f0",[82,367,179],{"class":102},[82,369,115],{"class":88},[82,371,373,376,378,380,382,385,387,389,392,394],{"class":84,"line":372},16,[82,374,375],{"class":102},"  --pui-success",[82,377,89],{"class":88},[82,379,162],{"class":102},[82,381,165],{"class":88},[82,383,384],{"class":111},"16a34a",[82,386,171],{"class":88},[82,388,108],{"class":88},[82,390,391],{"class":111},"22c55e",[82,393,179],{"class":102},[82,395,115],{"class":88},[82,397,399,402,404,406,408,411,413,415,418,420],{"class":84,"line":398},17,[82,400,401],{"class":102},"  --pui-error",[82,403,89],{"class":88},[82,405,162],{"class":102},[82,407,165],{"class":88},[82,409,410],{"class":111},"dc2626",[82,412,171],{"class":88},[82,414,108],{"class":88},[82,416,417],{"class":111},"ef4444",[82,419,179],{"class":102},[82,421,115],{"class":88},[82,423,425,428,430,432,434,437,439,441,444,446],{"class":84,"line":424},18,[82,426,427],{"class":102},"  --pui-warn",[82,429,89],{"class":88},[82,431,162],{"class":102},[82,433,165],{"class":88},[82,435,436],{"class":111},"d97706",[82,438,171],{"class":88},[82,440,108],{"class":88},[82,442,443],{"class":111},"f59e0b",[82,445,179],{"class":102},[82,447,115],{"class":88},[82,449,451,454,456,458,460,463,465,467,469,471],{"class":84,"line":450},19,[82,452,453],{"class":102},"  --pui-muted",[82,455,89],{"class":88},[82,457,162],{"class":102},[82,459,165],{"class":88},[82,461,462],{"class":111},"6b7280",[82,464,171],{"class":88},[82,466,108],{"class":88},[82,468,292],{"class":111},[82,470,179],{"class":102},[82,472,115],{"class":88},[82,474,476],{"class":84,"line":475},20,[82,477,240],{"emptyLinePlaceholder":239},[82,479,481],{"class":84,"line":480},21,[82,482,483],{"class":88},"  \u002F* everything that is not a color *\u002F\n",[82,485,487,490,492,495,499],{"class":84,"line":486},22,[82,488,489],{"class":102},"  --pui-radius",[82,491,89],{"class":88},[82,493,494],{"class":111}," 0.375",[82,496,498],{"class":497},"sz5At","rem",[82,500,115],{"class":88},[82,502,504,507,509,512,514],{"class":84,"line":503},23,[82,505,506],{"class":102},"  --pui-space",[82,508,89],{"class":88},[82,510,511],{"class":111}," 0.25",[82,513,498],{"class":497},[82,515,115],{"class":88},[82,517,519,522,524,527,529],{"class":84,"line":518},24,[82,520,521],{"class":102},"  --pui-font-size",[82,523,89],{"class":88},[82,525,526],{"class":111}," 0.875",[82,528,498],{"class":497},[82,530,115],{"class":88},[82,532,534,537,539,542,545],{"class":84,"line":533},25,[82,535,536],{"class":102},"  --pui-border-width",[82,538,89],{"class":88},[82,540,541],{"class":111}," 1",[82,543,544],{"class":497},"px",[82,546,115],{"class":88},[82,548,550],{"class":84,"line":549},26,[82,551,121],{"class":88},[131,553,555],{"id":554},"one-value-per-mode","One value per mode",[123,557,558,559,562],{},"Use ",[79,560,561],{},"light-dark()"," when the two modes need different values:",[72,564,566],{"className":74,"code":565,"language":76,"meta":77,"style":77},":root {\n  --pui-theme: light-dark(#6d28d9, #a78bfa);\n}\n",[79,567,568,576,600],{"__ignoreMap":77},[82,569,570,572,574],{"class":84,"line":85},[82,571,89],{"class":88},[82,573,93],{"class":92},[82,575,96],{"class":88},[82,577,578,580,582,584,586,589,591,593,596,598],{"class":84,"line":99},[82,579,103],{"class":102},[82,581,89],{"class":88},[82,583,162],{"class":102},[82,585,165],{"class":88},[82,587,588],{"class":111},"6d28d9",[82,590,171],{"class":88},[82,592,108],{"class":88},[82,594,595],{"class":111},"a78bfa",[82,597,179],{"class":102},[82,599,115],{"class":88},[82,601,602],{"class":84,"line":118},[82,603,121],{"class":88},[131,605,607],{"id":606},"rescaling-the-library","Rescaling the library",[123,609,610],{},"Only four tokens are not colors, and every component derives its size from them. Changing one rescales everything at once:",[72,612,614],{"className":74,"code":613,"language":76,"meta":77,"style":77},":root {\n  --pui-radius: 0; \u002F* square corners everywhere *\u002F\n  --pui-font-size: 1rem; \u002F* a larger library *\u002F\n  --pui-space: 0.3rem; \u002F* roomier components *\u002F\n}\n",[79,615,616,624,639,654,670],{"__ignoreMap":77},[82,617,618,620,622],{"class":84,"line":85},[82,619,89],{"class":88},[82,621,93],{"class":92},[82,623,96],{"class":88},[82,625,626,628,630,633,636],{"class":84,"line":99},[82,627,489],{"class":102},[82,629,89],{"class":88},[82,631,632],{"class":111}," 0",[82,634,635],{"class":88},";",[82,637,638],{"class":88}," \u002F* square corners everywhere *\u002F\n",[82,640,641,643,645,647,649,651],{"class":84,"line":118},[82,642,521],{"class":102},[82,644,89],{"class":88},[82,646,541],{"class":111},[82,648,498],{"class":497},[82,650,635],{"class":88},[82,652,653],{"class":88}," \u002F* a larger library *\u002F\n",[82,655,656,658,660,663,665,667],{"class":84,"line":184},[82,657,506],{"class":102},[82,659,89],{"class":88},[82,661,662],{"class":111}," 0.3",[82,664,498],{"class":497},[82,666,635],{"class":88},[82,668,669],{"class":88}," \u002F* roomier components *\u002F\n",[82,671,672],{"class":84,"line":210},[82,673,121],{"class":88},[131,675,677],{"id":676},"theming-one-region","Theming one region",[123,679,680],{},"The tokens are ordinary custom properties, so they cascade:",[682,683,684],"example",{},[72,685,689],{"className":686,"code":687,"language":688,"meta":77,"style":77},"language-html shiki shiki-themes perfectui-site","\u003Csection style=\"--pui-theme: #059669\">\n  \u003Cbutton class=\"pui-btn pui-solid pui-theme\">Green in here only\u003C\u002Fbutton>\n\u003C\u002Fsection>\n","html",[79,690,691,716,749],{"__ignoreMap":77},[82,692,693,696,699,702,705,708,711,713],{"class":84,"line":85},[82,694,695],{"class":88},"\u003C",[82,697,698],{"class":497},"section",[82,700,701],{"class":92}," style",[82,703,704],{"class":88},"=",[82,706,707],{"class":88},"\"",[82,709,710],{"class":111},"--pui-theme: #059669",[82,712,707],{"class":88},[82,714,715],{"class":88},">\n",[82,717,718,721,724,727,729,731,734,736,739,742,745,747],{"class":84,"line":99},[82,719,720],{"class":88},"  \u003C",[82,722,723],{"class":497},"button",[82,725,726],{"class":92}," class",[82,728,704],{"class":88},[82,730,707],{"class":88},[82,732,733],{"class":111},"pui-btn pui-solid pui-theme",[82,735,707],{"class":88},[82,737,738],{"class":88},">",[82,740,741],{"class":102},"Green in here only",[82,743,744],{"class":88},"\u003C\u002F",[82,746,723],{"class":497},[82,748,715],{"class":88},[82,750,751,753,755],{"class":84,"line":118},[82,752,744],{"class":88},[82,754,698],{"class":497},[82,756,715],{"class":88},[131,758,760],{"id":759},"overriding-a-dark-brand-color","Overriding a dark brand color",[123,762,763,764,768],{},"A solid fill puts the page background on top of your color as its label. If you replace a color with a ",[765,766,767],"strong",{},"dark"," one, set the label color too:",[72,770,772],{"className":74,"code":771,"language":76,"meta":77,"style":77},".pui-theme {\n  --pui-color: #1e1b4b;\n  --pui-on-color: #fff;\n}\n",[79,773,774,783,797,810],{"__ignoreMap":77},[82,775,776,778,781],{"class":84,"line":85},[82,777,129],{"class":88},[82,779,780],{"class":92},"pui-theme",[82,782,96],{"class":88},[82,784,785,788,790,792,795],{"class":84,"line":99},[82,786,787],{"class":102},"  --pui-color",[82,789,89],{"class":88},[82,791,108],{"class":88},[82,793,794],{"class":111},"1e1b4b",[82,796,115],{"class":88},[82,798,799,802,804,806,808],{"class":84,"line":118},[82,800,801],{"class":102},"  --pui-on-color",[82,803,89],{"class":88},[82,805,108],{"class":88},[82,807,168],{"class":111},[82,809,115],{"class":88},[82,811,812],{"class":84,"line":184},[82,813,121],{"class":88},[815,816,817],"style",{},"html pre.shiki code .s8qk9, html code.shiki .s8qk9{--shiki-default:var(--site-code-punct)}html pre.shiki code .sz6eq, html code.shiki .sz6eq{--shiki-default:var(--site-code-attr)}html pre.shiki code .stV6K, html code.shiki .stV6K{--shiki-default:var(--site-code-text)}html pre.shiki code .s8AH5, html code.shiki .s8AH5{--shiki-default:var(--site-code-value)}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 pre.shiki code .sz5At, html code.shiki .sz5At{--shiki-default:var(--site-code-tag)}",{"title":77,"searchDepth":99,"depth":99,"links":819},[820,821,822,823,824],{"id":133,"depth":99,"text":134},{"id":554,"depth":99,"text":555},{"id":606,"depth":99,"text":607},{"id":676,"depth":99,"text":677},{"id":759,"depth":99,"text":760},null,"Theming is CSS. There is no JavaScript API: you override the custom properties you want, wherever you want.","md",{},"\u002Fdocs\u002Fv1\u002Fcustomization\u002Ftheme-color",{"title":67,"description":826},"docs\u002Fv1\u002F02.customization\u002F02.theme-color",[833],"guide","zCL7qSZtBeNp9uHiF6HLBQXQ3t-jV_tjtBd9mgrn_yQ",[836],{"title":837,"path":14,"stem":838,"children":839,"page":869},"Docs","docs",[840],{"title":841,"path":842,"stem":843,"children":844,"page":869},"V1","\u002Fdocs\u002Fv1","docs\u002Fv1",[845,870,880,893,942],{"title":846,"path":847,"stem":848,"children":849,"page":869},"Getting Started","\u002Fdocs\u002Fv1\u002Fgetting-started","docs\u002Fv1\u002F01.getting-started",[850,854,858,862,865],{"title":851,"path":852,"stem":853},"Installation","\u002Fdocs\u002Fv1\u002Fgetting-started\u002Finstallation","docs\u002Fv1\u002F01.getting-started\u002F01.installation",{"title":855,"path":856,"stem":857},"TypeScript","\u002Fdocs\u002Fv1\u002Fgetting-started\u002Ftypescript","docs\u002Fv1\u002F01.getting-started\u002F02.typescript",{"title":859,"path":860,"stem":861},"Tailwind CSS","\u002Fdocs\u002Fv1\u002Fgetting-started\u002Ftailwind-css","docs\u002Fv1\u002F01.getting-started\u002F03.tailwind-css",{"title":16,"path":863,"stem":864},"\u002Fdocs\u002Fv1\u002Fgetting-started\u002Fmigrating-from-0-x","docs\u002Fv1\u002F01.getting-started\u002F04.migrating-from-0-x",{"title":866,"path":867,"stem":868},"License","\u002Fdocs\u002Fv1\u002Fgetting-started\u002Flicense","docs\u002Fv1\u002F01.getting-started\u002F05.license",false,{"title":871,"path":872,"stem":873,"children":874,"page":869},"Customization","\u002Fdocs\u002Fv1\u002Fcustomization","docs\u002Fv1\u002F02.customization",[875,879],{"title":876,"path":877,"stem":878},"Dark Mode","\u002Fdocs\u002Fv1\u002Fcustomization\u002Fdark-mode","docs\u002Fv1\u002F02.customization\u002F01.dark-mode",{"title":67,"path":829,"stem":831},{"title":881,"path":882,"stem":883,"children":884,"page":869},"General","\u002Fdocs\u002Fv1\u002Fgeneral","docs\u002Fv1\u002F03.general",[885,889],{"title":886,"path":887,"stem":888},"Layout Group","\u002Fdocs\u002Fv1\u002Fgeneral\u002Flayout-group","docs\u002Fv1\u002F03.general\u002F01.layout-group",{"title":890,"path":891,"stem":892},"Float","\u002Fdocs\u002Fv1\u002Fgeneral\u002Ffloat","docs\u002Fv1\u002F03.general\u002F02.float",{"title":894,"path":895,"stem":896,"children":897,"page":869},"Components","\u002Fdocs\u002Fv1\u002Fcomponents","docs\u002Fv1\u002F04.components",[898,902,906,910,914,918,922,926,930,934,938],{"title":899,"path":900,"stem":901},"Accordion","\u002Fdocs\u002Fv1\u002Fcomponents\u002Faccordion","docs\u002Fv1\u002F04.components\u002F01.accordion",{"title":903,"path":904,"stem":905},"Badge","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fbadge","docs\u002Fv1\u002F04.components\u002F02.badge",{"title":907,"path":908,"stem":909},"Button","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fbutton","docs\u002Fv1\u002F04.components\u002F03.button",{"title":911,"path":912,"stem":913},"Card","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fcard","docs\u002Fv1\u002F04.components\u002F04.card",{"title":915,"path":916,"stem":917},"Chip","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fchip","docs\u002Fv1\u002F04.components\u002F05.chip",{"title":919,"path":920,"stem":921},"Dropdown","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fdropdown","docs\u002Fv1\u002F04.components\u002F06.dropdown",{"title":923,"path":924,"stem":925},"List","\u002Fdocs\u002Fv1\u002Fcomponents\u002Flist","docs\u002Fv1\u002F04.components\u002F07.list",{"title":927,"path":928,"stem":929},"Modal","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fmodal","docs\u002Fv1\u002F04.components\u002F08.modal",{"title":931,"path":932,"stem":933},"Table","\u002Fdocs\u002Fv1\u002Fcomponents\u002Ftable","docs\u002Fv1\u002F04.components\u002F09.table",{"title":935,"path":936,"stem":937},"Timeline","\u002Fdocs\u002Fv1\u002Fcomponents\u002Ftimeline","docs\u002Fv1\u002F04.components\u002F10.timeline",{"title":939,"path":940,"stem":941},"Tooltip","\u002Fdocs\u002Fv1\u002Fcomponents\u002Ftooltip","docs\u002Fv1\u002F04.components\u002F11.tooltip",{"title":943,"path":944,"stem":945,"children":946,"page":869},"Forms","\u002Fdocs\u002Fv1\u002Fforms","docs\u002Fv1\u002F05.forms",[947,951,955,959,963,967,971,975],{"title":948,"path":949,"stem":950},"Field Group","\u002Fdocs\u002Fv1\u002Fforms\u002Ffield-group","docs\u002Fv1\u002F05.forms\u002F01.field-group",{"title":952,"path":953,"stem":954},"Input","\u002Fdocs\u002Fv1\u002Fforms\u002Finput","docs\u002Fv1\u002F05.forms\u002F02.input",{"title":956,"path":957,"stem":958},"Input Group","\u002Fdocs\u002Fv1\u002Fforms\u002Finput-group","docs\u002Fv1\u002F05.forms\u002F03.input-group",{"title":960,"path":961,"stem":962},"Textarea","\u002Fdocs\u002Fv1\u002Fforms\u002Ftextarea","docs\u002Fv1\u002F05.forms\u002F04.textarea",{"title":964,"path":965,"stem":966},"Select","\u002Fdocs\u002Fv1\u002Fforms\u002Fselect","docs\u002Fv1\u002F05.forms\u002F05.select",{"title":968,"path":969,"stem":970},"Checkbox","\u002Fdocs\u002Fv1\u002Fforms\u002Fcheckbox","docs\u002Fv1\u002F05.forms\u002F06.checkbox",{"title":972,"path":973,"stem":974},"Radio","\u002Fdocs\u002Fv1\u002Fforms\u002Fradio","docs\u002Fv1\u002F05.forms\u002F07.radio",{"title":976,"path":977,"stem":978},"Switch","\u002Fdocs\u002Fv1\u002Fforms\u002Fswitch","docs\u002Fv1\u002F05.forms\u002F08.switch",1790354564584]