[{"data":1,"prerenderedAt":1012},["ShallowReactive",2],{"\u002Fdocs\u002Fv1\u002Fgetting-started\u002Finstallation":3,"landing-copy":806,"nav:v1":868},{"id":4,"title":5,"body":6,"changed":796,"description":797,"extension":798,"from":796,"meta":799,"navigation":157,"path":800,"seo":801,"since":796,"stem":802,"tags":803,"to":796,"__hash__":805},"docs_v1\u002Fdocs\u002Fv1\u002F01.getting-started\u002F01.installation.md","Installation",{"type":7,"value":8,"toc":790},"minimark",[9,13,26,31,42,276,293,343,357,361,439,442,463,470,514,518,525,543,549,552,556,559,664,783,786],[10,11,12],"p",{},"An exceptionally lightweight and highly customizable CSS and JavaScript library for crafting elegant user interfaces.",[10,14,15,16,20,21,25],{},"Perfect UI ships ",[17,18,19],"strong",{},"the bare minimum",". It has no runtime dependencies, imports no fonts, and applies no CSS reset: every rule it ships is attached to a ",[22,23,24],"code",{},"pui-"," class, so it never touches your markup.",[27,28,30],"h2",{"id":29},"cdn","CDN",[10,32,33,34,37,38,41],{},"Place the ",[22,35,36],{},"\u003Clink>"," in the ",[22,39,40],{},"\u003Chead>",". That is enough for every component that is pure CSS.",[43,44,49],"pre",{"className":45,"code":46,"language":47,"meta":48,"style":48},"language-html shiki shiki-themes perfectui-site","\u003C!doctype html>\n\u003Chtml>\n  \u003Chead>\n    \u003Cmeta charset=\"UTF-8\" \u002F>\n    \u003Cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \u002F>\n\n    \u003Clink\n      rel=\"stylesheet\"\n      href=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@chrissgon\u002Fperfectui@latest\u002Fdist\u002Fperfectui.css\"\n    \u002F>\n  \u003C\u002Fhead>\n  \u003Cbody>\n    \u003Cbutton class=\"pui-btn pui-solid pui-theme\">My button\u003C\u002Fbutton>\n  \u003C\u002Fbody>\n\u003C\u002Fhtml>\n","html","",[22,50,51,71,81,92,119,152,159,167,183,198,204,214,224,258,267],{"__ignoreMap":48},[52,53,56,60,64,68],"span",{"class":54,"line":55},"line",1,[52,57,59],{"class":58},"s8qk9","\u003C!",[52,61,63],{"class":62},"sz5At","doctype",[52,65,67],{"class":66},"sz6eq"," html",[52,69,70],{"class":58},">\n",[52,72,74,77,79],{"class":54,"line":73},2,[52,75,76],{"class":58},"\u003C",[52,78,47],{"class":62},[52,80,70],{"class":58},[52,82,84,87,90],{"class":54,"line":83},3,[52,85,86],{"class":58},"  \u003C",[52,88,89],{"class":62},"head",[52,91,70],{"class":58},[52,93,95,98,101,104,107,110,114,116],{"class":54,"line":94},4,[52,96,97],{"class":58},"    \u003C",[52,99,100],{"class":62},"meta",[52,102,103],{"class":66}," charset",[52,105,106],{"class":58},"=",[52,108,109],{"class":58},"\"",[52,111,113],{"class":112},"s8AH5","UTF-8",[52,115,109],{"class":58},[52,117,118],{"class":58}," \u002F>\n",[52,120,122,124,126,129,131,133,136,138,141,143,145,148,150],{"class":54,"line":121},5,[52,123,97],{"class":58},[52,125,100],{"class":62},[52,127,128],{"class":66}," name",[52,130,106],{"class":58},[52,132,109],{"class":58},[52,134,135],{"class":112},"viewport",[52,137,109],{"class":58},[52,139,140],{"class":66}," content",[52,142,106],{"class":58},[52,144,109],{"class":58},[52,146,147],{"class":112},"width=device-width, initial-scale=1.0",[52,149,109],{"class":58},[52,151,118],{"class":58},[52,153,155],{"class":54,"line":154},6,[52,156,158],{"emptyLinePlaceholder":157},true,"\n",[52,160,162,164],{"class":54,"line":161},7,[52,163,97],{"class":58},[52,165,166],{"class":62},"link\n",[52,168,170,173,175,177,180],{"class":54,"line":169},8,[52,171,172],{"class":66},"      rel",[52,174,106],{"class":58},[52,176,109],{"class":58},[52,178,179],{"class":112},"stylesheet",[52,181,182],{"class":58},"\"\n",[52,184,186,189,191,193,196],{"class":54,"line":185},9,[52,187,188],{"class":66},"      href",[52,190,106],{"class":58},[52,192,109],{"class":58},[52,194,195],{"class":112},"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@chrissgon\u002Fperfectui@latest\u002Fdist\u002Fperfectui.css",[52,197,182],{"class":58},[52,199,201],{"class":54,"line":200},10,[52,202,203],{"class":58},"    \u002F>\n",[52,205,207,210,212],{"class":54,"line":206},11,[52,208,209],{"class":58},"  \u003C\u002F",[52,211,89],{"class":62},[52,213,70],{"class":58},[52,215,217,219,222],{"class":54,"line":216},12,[52,218,86],{"class":58},[52,220,221],{"class":62},"body",[52,223,70],{"class":58},[52,225,227,229,232,235,237,239,242,244,247,251,254,256],{"class":54,"line":226},13,[52,228,97],{"class":58},[52,230,231],{"class":62},"button",[52,233,234],{"class":66}," class",[52,236,106],{"class":58},[52,238,109],{"class":58},[52,240,241],{"class":112},"pui-btn pui-solid pui-theme",[52,243,109],{"class":58},[52,245,246],{"class":58},">",[52,248,250],{"class":249},"stV6K","My button",[52,252,253],{"class":58},"\u003C\u002F",[52,255,231],{"class":62},[52,257,70],{"class":58},[52,259,261,263,265],{"class":54,"line":260},14,[52,262,209],{"class":58},[52,264,221],{"class":62},[52,266,70],{"class":58},[52,268,270,272,274],{"class":54,"line":269},15,[52,271,253],{"class":58},[52,273,47],{"class":62},[52,275,70],{"class":58},[10,277,278,279,282,283,286,287,292],{},"Perfect UI is ",[17,280,281],{},"ESM only",", so the JavaScript is loaded as a module. You only need it if you use the overlays or the checkbox ",[22,284,285],{},"indeterminate"," attribute — see ",[288,289,291],"a",{"href":290},"#what-the-script-does","what the script does",".",[43,294,296],{"className":45,"code":295,"language":47,"meta":48,"style":48},"\u003Cscript type=\"module\">\n  import \"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@chrissgon\u002Fperfectui@latest\u002Fdist\u002Fjs\u002Findex.js\";\n\u003C\u002Fscript>\n",[22,297,298,319,335],{"__ignoreMap":48},[52,299,300,302,305,308,310,312,315,317],{"class":54,"line":55},[52,301,76],{"class":58},[52,303,304],{"class":62},"script",[52,306,307],{"class":66}," type",[52,309,106],{"class":58},[52,311,109],{"class":58},[52,313,314],{"class":112},"module",[52,316,109],{"class":58},[52,318,70],{"class":58},[52,320,321,324,327,330,332],{"class":54,"line":73},[52,322,323],{"class":62},"  import",[52,325,326],{"class":58}," \"",[52,328,329],{"class":112},"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002F@chrissgon\u002Fperfectui@latest\u002Fdist\u002Fjs\u002Findex.js",[52,331,109],{"class":58},[52,333,334],{"class":58},";\n",[52,336,337,339,341],{"class":54,"line":83},[52,338,253],{"class":58},[52,340,304],{"class":62},[52,342,70],{"class":58},[344,345,346],"warning",{},[10,347,348,349,352,353,356],{},"Perfect UI no longer exposes anything on ",[22,350,351],{},"window"," or ",[22,354,355],{},"document",". Everything is imported.",[27,358,360],{"id":359},"install-by-package-manager","Install by package manager",[43,362,366],{"className":363,"code":364,"language":365,"meta":48,"style":48},"language-bash shiki shiki-themes perfectui-site","# npm\nnpm i @chrissgon\u002Fperfectui\n\n# yarn\nyarn add @chrissgon\u002Fperfectui\n\n# pnpm\npnpm add @chrissgon\u002Fperfectui\n\n# bun\nbun add @chrissgon\u002Fperfectui\n","bash",[22,367,368,373,384,388,393,403,407,412,421,425,430],{"__ignoreMap":48},[52,369,370],{"class":54,"line":55},[52,371,372],{"class":58},"# npm\n",[52,374,375,378,381],{"class":54,"line":73},[52,376,377],{"class":249},"npm ",[52,379,380],{"class":112},"i",[52,382,383],{"class":112}," @chrissgon\u002Fperfectui\n",[52,385,386],{"class":54,"line":83},[52,387,158],{"emptyLinePlaceholder":157},[52,389,390],{"class":54,"line":94},[52,391,392],{"class":58},"# yarn\n",[52,394,395,398,401],{"class":54,"line":121},[52,396,397],{"class":249},"yarn ",[52,399,400],{"class":112},"add",[52,402,383],{"class":112},[52,404,405],{"class":54,"line":154},[52,406,158],{"emptyLinePlaceholder":157},[52,408,409],{"class":54,"line":161},[52,410,411],{"class":58},"# pnpm\n",[52,413,414,417,419],{"class":54,"line":169},[52,415,416],{"class":249},"pnpm ",[52,418,400],{"class":112},[52,420,383],{"class":112},[52,422,423],{"class":54,"line":185},[52,424,158],{"emptyLinePlaceholder":157},[52,426,427],{"class":54,"line":200},[52,428,429],{"class":58},"# bun\n",[52,431,432,435,437],{"class":54,"line":206},[52,433,434],{"class":249},"bun ",[52,436,400],{"class":112},[52,438,383],{"class":112},[10,440,441],{},"Import everything:",[43,443,447],{"className":444,"code":445,"language":446,"meta":48,"style":48},"language-js shiki shiki-themes perfectui-site","import \"@chrissgon\u002Fperfectui\u002Fperfectui.css\";\n","js",[22,448,449],{"__ignoreMap":48},[52,450,451,454,456,459,461],{"class":54,"line":55},[52,452,453],{"class":62},"import",[52,455,326],{"class":58},[52,457,458],{"class":112},"@chrissgon\u002Fperfectui\u002Fperfectui.css",[52,460,109],{"class":58},[52,462,334],{"class":58},[10,464,465,466,469],{},"Or import only what you use. ",[22,467,468],{},"core.css"," carries the tokens, the styles and the colors, and every component file needs it:",[43,471,473],{"className":444,"code":472,"language":446,"meta":48,"style":48},"import \"@chrissgon\u002Fperfectui\u002Fcore.css\";\nimport \"@chrissgon\u002Fperfectui\u002Fcomponents\u002Fbutton.css\";\nimport \"@chrissgon\u002Fperfectui\u002Fcomponents\u002Fcard.css\";\n",[22,474,475,488,501],{"__ignoreMap":48},[52,476,477,479,481,484,486],{"class":54,"line":55},[52,478,453],{"class":62},[52,480,326],{"class":58},[52,482,483],{"class":112},"@chrissgon\u002Fperfectui\u002Fcore.css",[52,485,109],{"class":58},[52,487,334],{"class":58},[52,489,490,492,494,497,499],{"class":54,"line":73},[52,491,453],{"class":62},[52,493,326],{"class":58},[52,495,496],{"class":112},"@chrissgon\u002Fperfectui\u002Fcomponents\u002Fbutton.css",[52,498,109],{"class":58},[52,500,334],{"class":58},[52,502,503,505,507,510,512],{"class":54,"line":83},[52,504,453],{"class":62},[52,506,326],{"class":58},[52,508,509],{"class":112},"@chrissgon\u002Fperfectui\u002Fcomponents\u002Fcard.css",[52,511,109],{"class":58},[52,513,334],{"class":58},[27,515,517],{"id":516},"what-the-script-does","What the script does",[10,519,520,521,524],{},"The script is a ",[17,522,523],{},"loader",". It checks what your browser is missing and downloads only the fallback for that, nothing else. On a current browser that is a few hundred bytes, and on a browser that already has everything it downloads nothing at all.",[43,526,528],{"className":444,"code":527,"language":446,"meta":48,"style":48},"import \"@chrissgon\u002Fperfectui\";\n",[22,529,530],{"__ignoreMap":48},[52,531,532,534,536,539,541],{"class":54,"line":55},[52,533,453],{"class":62},[52,535,326],{"class":58},[52,537,538],{"class":112},"@chrissgon\u002Fperfectui",[52,540,109],{"class":58},[52,542,334],{"class":58},[10,544,545,546,548],{},"You need it when you use the modal, the dropdown, the tooltip, or a checkbox with the ",[22,547,285],{}," attribute. Everything else is CSS.",[10,550,551],{},"It is safe to import on the server: it does nothing when there is no DOM.",[27,553,555],{"id":554},"writing-your-first-component","Writing your first component",[10,557,558],{},"Every element is made of up to three independent classes:",[560,561,562,578],"table",{},[563,564,565],"thead",{},[566,567,568,572,575],"tr",{},[569,570,571],"th",{},"Piece",[569,573,574],{},"Answers",[569,576,577],{},"Examples",[579,580,581,607,631],"tbody",{},[566,582,583,589,592],{},[584,585,586],"td",{},[17,587,588],{},"Shape",[584,590,591],{},"what is it",[584,593,594,597,598,597,601,597,604],{},[22,595,596],{},"pui-btn",", ",[22,599,600],{},"pui-chip",[22,602,603],{},"pui-badge",[22,605,606],{},"pui-card",[566,608,609,614,617],{},[584,610,611],{},[17,612,613],{},"Style",[584,615,616],{},"how is it painted",[584,618,619,597,622,597,625,597,628],{},[22,620,621],{},"pui-solid",[22,623,624],{},"pui-soft",[22,626,627],{},"pui-outline",[22,629,630],{},"pui-link",[566,632,633,638,641],{},[584,634,635],{},[17,636,637],{},"Color",[584,639,640],{},"which color",[584,642,643,597,646,597,649,597,652,597,655,597,658,597,661],{},[22,644,645],{},"pui-theme",[22,647,648],{},"pui-success",[22,650,651],{},"pui-error",[22,653,654],{},"pui-warn",[22,656,657],{},"pui-muted",[22,659,660],{},"pui-surface",[22,662,663],{},"pui-inverse",[665,666,667],"example",{},[43,668,670],{"className":45,"code":669,"language":47,"meta":48,"style":48},"\u003Cbutton class=\"pui-btn pui-solid pui-theme\">Save\u003C\u002Fbutton>\n\u003Cbutton class=\"pui-btn pui-outline pui-surface\">Cancel\u003C\u002Fbutton>\n\u003Cspan class=\"pui-chip pui-soft pui-success\">Active\u003C\u002Fspan>\n\u003Cspan class=\"pui-badge pui-solid pui-error\">3\u003C\u002Fspan>\n",[22,671,672,699,727,755],{"__ignoreMap":48},[52,673,674,676,678,680,682,684,686,688,690,693,695,697],{"class":54,"line":55},[52,675,76],{"class":58},[52,677,231],{"class":62},[52,679,234],{"class":66},[52,681,106],{"class":58},[52,683,109],{"class":58},[52,685,241],{"class":112},[52,687,109],{"class":58},[52,689,246],{"class":58},[52,691,692],{"class":249},"Save",[52,694,253],{"class":58},[52,696,231],{"class":62},[52,698,70],{"class":58},[52,700,701,703,705,707,709,711,714,716,718,721,723,725],{"class":54,"line":73},[52,702,76],{"class":58},[52,704,231],{"class":62},[52,706,234],{"class":66},[52,708,106],{"class":58},[52,710,109],{"class":58},[52,712,713],{"class":112},"pui-btn pui-outline pui-surface",[52,715,109],{"class":58},[52,717,246],{"class":58},[52,719,720],{"class":249},"Cancel",[52,722,253],{"class":58},[52,724,231],{"class":62},[52,726,70],{"class":58},[52,728,729,731,733,735,737,739,742,744,746,749,751,753],{"class":54,"line":83},[52,730,76],{"class":58},[52,732,52],{"class":62},[52,734,234],{"class":66},[52,736,106],{"class":58},[52,738,109],{"class":58},[52,740,741],{"class":112},"pui-chip pui-soft pui-success",[52,743,109],{"class":58},[52,745,246],{"class":58},[52,747,748],{"class":249},"Active",[52,750,253],{"class":58},[52,752,52],{"class":62},[52,754,70],{"class":58},[52,756,757,759,761,763,765,767,770,772,774,777,779,781],{"class":54,"line":94},[52,758,76],{"class":58},[52,760,52],{"class":62},[52,762,234],{"class":66},[52,764,106],{"class":58},[52,766,109],{"class":58},[52,768,769],{"class":112},"pui-badge pui-solid pui-error",[52,771,109],{"class":58},[52,773,246],{"class":58},[52,775,776],{"class":249},"3",[52,778,253],{"class":58},[52,780,52],{"class":62},[52,782,70],{"class":58},[10,784,785],{},"Mix them freely: every style works with every color, on every shape.",[787,788,789],"style",{},"html pre.shiki code .s8qk9, html code.shiki .s8qk9{--shiki-default:var(--site-code-punct)}html pre.shiki code .sz5At, html code.shiki .sz5At{--shiki-default:var(--site-code-tag)}html pre.shiki code .sz6eq, html code.shiki .sz6eq{--shiki-default:var(--site-code-attr)}html pre.shiki code .s8AH5, html code.shiki .s8AH5{--shiki-default:var(--site-code-value)}html pre.shiki code .stV6K, html code.shiki .stV6K{--shiki-default:var(--site-code-text)}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);}",{"title":48,"searchDepth":73,"depth":73,"links":791},[792,793,794,795],{"id":29,"depth":73,"text":30},{"id":359,"depth":73,"text":360},{"id":516,"depth":73,"text":517},{"id":554,"depth":73,"text":555},null,"Install Perfect UI from a CDN or a package manager, and load its small script only for the overlays.","md",{},"\u002Fdocs\u002Fv1\u002Fgetting-started\u002Finstallation",{"title":5,"description":797},"docs\u002Fv1\u002F01.getting-started\u002F01.installation",[804],"guide","Q1kQUuxRjgDkcgHzjouFK5EkSE6CaP7BJ4trMy62niE",{"id":807,"extension":808,"meta":809,"sections":810,"stem":865,"tagline":866,"__hash__":867},"landing\u002Flanding.yml","yml",{},[811,821,825,832,836,843,850,854,860],{"id":812,"headline":813,"body":814,"cta":815,"secondary":818},"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":816,"to":817},"Get started","\u002Fdocs",{"label":819,"to":820},"Migrating from 0.x","\u002Fdocs\u002Fgetting-started\u002Fmigrating-from-0-x",{"id":822,"headline":823,"body":824},"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":826,"headline":827,"body":828,"cta":829},"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":830,"to":831},"See the components","\u002Fdocs\u002Fcomponents\u002Fbutton",{"id":833,"headline":834,"body":835},"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":837,"headline":838,"body":839,"cta":840},"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":841,"to":842},"Dark mode docs","\u002Fdocs\u002Fcustomization\u002Fdark-mode",{"id":844,"headline":845,"body":846,"cta":847},"tailwind","Your utilities always win.","One `@layer` line keeps Tailwind's reset below perfectui and every utility above it.",{"label":848,"to":849},"Tailwind guide","\u002Fdocs\u002Fgetting-started\u002Ftailwind-css",{"id":851,"headline":852,"body":853},"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":855,"headline":856,"body":857,"cta":858},"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":859,"to":820},"Read the migration guide",{"id":861,"headline":862,"body":863,"cta":864},"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":816,"to":817},"landing","Components the browser already knows how to run.","QsxvMnCQ8bgawTVgX6YLkvZoqMKaQbFt0j1urNnrKQw",[869],{"title":870,"path":817,"stem":871,"children":872,"page":899},"Docs","docs",[873],{"title":874,"path":875,"stem":876,"children":877,"page":899},"V1","\u002Fdocs\u002Fv1","docs\u002Fv1",[878,900,913,926,975],{"title":879,"path":880,"stem":881,"children":882,"page":899},"Getting Started","\u002Fdocs\u002Fv1\u002Fgetting-started","docs\u002Fv1\u002F01.getting-started",[883,884,888,892,895],{"title":5,"path":800,"stem":802},{"title":885,"path":886,"stem":887},"TypeScript","\u002Fdocs\u002Fv1\u002Fgetting-started\u002Ftypescript","docs\u002Fv1\u002F01.getting-started\u002F02.typescript",{"title":889,"path":890,"stem":891},"Tailwind CSS","\u002Fdocs\u002Fv1\u002Fgetting-started\u002Ftailwind-css","docs\u002Fv1\u002F01.getting-started\u002F03.tailwind-css",{"title":819,"path":893,"stem":894},"\u002Fdocs\u002Fv1\u002Fgetting-started\u002Fmigrating-from-0-x","docs\u002Fv1\u002F01.getting-started\u002F04.migrating-from-0-x",{"title":896,"path":897,"stem":898},"License","\u002Fdocs\u002Fv1\u002Fgetting-started\u002Flicense","docs\u002Fv1\u002F01.getting-started\u002F05.license",false,{"title":901,"path":902,"stem":903,"children":904,"page":899},"Customization","\u002Fdocs\u002Fv1\u002Fcustomization","docs\u002Fv1\u002F02.customization",[905,909],{"title":906,"path":907,"stem":908},"Dark Mode","\u002Fdocs\u002Fv1\u002Fcustomization\u002Fdark-mode","docs\u002Fv1\u002F02.customization\u002F01.dark-mode",{"title":910,"path":911,"stem":912},"Theme Color","\u002Fdocs\u002Fv1\u002Fcustomization\u002Ftheme-color","docs\u002Fv1\u002F02.customization\u002F02.theme-color",{"title":914,"path":915,"stem":916,"children":917,"page":899},"General","\u002Fdocs\u002Fv1\u002Fgeneral","docs\u002Fv1\u002F03.general",[918,922],{"title":919,"path":920,"stem":921},"Layout Group","\u002Fdocs\u002Fv1\u002Fgeneral\u002Flayout-group","docs\u002Fv1\u002F03.general\u002F01.layout-group",{"title":923,"path":924,"stem":925},"Float","\u002Fdocs\u002Fv1\u002Fgeneral\u002Ffloat","docs\u002Fv1\u002F03.general\u002F02.float",{"title":927,"path":928,"stem":929,"children":930,"page":899},"Components","\u002Fdocs\u002Fv1\u002Fcomponents","docs\u002Fv1\u002F04.components",[931,935,939,943,947,951,955,959,963,967,971],{"title":932,"path":933,"stem":934},"Accordion","\u002Fdocs\u002Fv1\u002Fcomponents\u002Faccordion","docs\u002Fv1\u002F04.components\u002F01.accordion",{"title":936,"path":937,"stem":938},"Badge","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fbadge","docs\u002Fv1\u002F04.components\u002F02.badge",{"title":940,"path":941,"stem":942},"Button","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fbutton","docs\u002Fv1\u002F04.components\u002F03.button",{"title":944,"path":945,"stem":946},"Card","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fcard","docs\u002Fv1\u002F04.components\u002F04.card",{"title":948,"path":949,"stem":950},"Chip","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fchip","docs\u002Fv1\u002F04.components\u002F05.chip",{"title":952,"path":953,"stem":954},"Dropdown","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fdropdown","docs\u002Fv1\u002F04.components\u002F06.dropdown",{"title":956,"path":957,"stem":958},"List","\u002Fdocs\u002Fv1\u002Fcomponents\u002Flist","docs\u002Fv1\u002F04.components\u002F07.list",{"title":960,"path":961,"stem":962},"Modal","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fmodal","docs\u002Fv1\u002F04.components\u002F08.modal",{"title":964,"path":965,"stem":966},"Table","\u002Fdocs\u002Fv1\u002Fcomponents\u002Ftable","docs\u002Fv1\u002F04.components\u002F09.table",{"title":968,"path":969,"stem":970},"Timeline","\u002Fdocs\u002Fv1\u002Fcomponents\u002Ftimeline","docs\u002Fv1\u002F04.components\u002F10.timeline",{"title":972,"path":973,"stem":974},"Tooltip","\u002Fdocs\u002Fv1\u002Fcomponents\u002Ftooltip","docs\u002Fv1\u002F04.components\u002F11.tooltip",{"title":976,"path":977,"stem":978,"children":979,"page":899},"Forms","\u002Fdocs\u002Fv1\u002Fforms","docs\u002Fv1\u002F05.forms",[980,984,988,992,996,1000,1004,1008],{"title":981,"path":982,"stem":983},"Field Group","\u002Fdocs\u002Fv1\u002Fforms\u002Ffield-group","docs\u002Fv1\u002F05.forms\u002F01.field-group",{"title":985,"path":986,"stem":987},"Input","\u002Fdocs\u002Fv1\u002Fforms\u002Finput","docs\u002Fv1\u002F05.forms\u002F02.input",{"title":989,"path":990,"stem":991},"Input Group","\u002Fdocs\u002Fv1\u002Fforms\u002Finput-group","docs\u002Fv1\u002F05.forms\u002F03.input-group",{"title":993,"path":994,"stem":995},"Textarea","\u002Fdocs\u002Fv1\u002Fforms\u002Ftextarea","docs\u002Fv1\u002F05.forms\u002F04.textarea",{"title":997,"path":998,"stem":999},"Select","\u002Fdocs\u002Fv1\u002Fforms\u002Fselect","docs\u002Fv1\u002F05.forms\u002F05.select",{"title":1001,"path":1002,"stem":1003},"Checkbox","\u002Fdocs\u002Fv1\u002Fforms\u002Fcheckbox","docs\u002Fv1\u002F05.forms\u002F06.checkbox",{"title":1005,"path":1006,"stem":1007},"Radio","\u002Fdocs\u002Fv1\u002Fforms\u002Fradio","docs\u002Fv1\u002F05.forms\u002F07.radio",{"title":1009,"path":1010,"stem":1011},"Switch","\u002Fdocs\u002Fv1\u002Fforms\u002Fswitch","docs\u002Fv1\u002F05.forms\u002F08.switch",1790369303201]