[{"data":1,"prerenderedAt":973},["ShallowReactive",2],{"landing-copy":3,"\u002Fdocs\u002Fv1\u002Fcomponents\u002Fbutton":65,"nav:v1":831},{"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":820,"description":821,"extension":822,"from":820,"meta":823,"navigation":824,"path":825,"seo":826,"since":820,"stem":827,"tags":828,"to":820,"__hash__":830},"docs_v1\u002Fdocs\u002Fv1\u002F04.components\u002F03.button.md","Button",{"type":69,"value":70,"toc":812},"minimark",[71,169,174,294,298,445,449,522,526,561,567,658,662,698,709,713,719,796,800,808],[72,73,74],"example",{},[75,76,81],"pre",{"className":77,"code":78,"language":79,"meta":80,"style":80},"language-html shiki shiki-themes perfectui-site","\u003Cbutton class=\"pui-btn pui-solid pui-theme\">Save\u003C\u002Fbutton>\n\u003Ca class=\"pui-btn pui-solid pui-theme\" href=\"#\">A link that looks like one\u003C\u002Fa>\n","html","",[82,83,84,128],"code",{"__ignoreMap":80},[85,86,89,93,97,101,104,107,111,113,116,120,123,125],"span",{"class":87,"line":88},"line",1,[85,90,92],{"class":91},"s8qk9","\u003C",[85,94,96],{"class":95},"sz5At","button",[85,98,100],{"class":99},"sz6eq"," class",[85,102,103],{"class":91},"=",[85,105,106],{"class":91},"\"",[85,108,110],{"class":109},"s8AH5","pui-btn pui-solid pui-theme",[85,112,106],{"class":91},[85,114,115],{"class":91},">",[85,117,119],{"class":118},"stV6K","Save",[85,121,122],{"class":91},"\u003C\u002F",[85,124,96],{"class":95},[85,126,127],{"class":91},">\n",[85,129,131,133,136,138,140,142,144,146,149,151,153,156,158,160,163,165,167],{"class":87,"line":130},2,[85,132,92],{"class":91},[85,134,135],{"class":95},"a",[85,137,100],{"class":99},[85,139,103],{"class":91},[85,141,106],{"class":91},[85,143,110],{"class":109},[85,145,106],{"class":91},[85,147,148],{"class":99}," href",[85,150,103],{"class":91},[85,152,106],{"class":91},[85,154,155],{"class":109},"#",[85,157,106],{"class":91},[85,159,115],{"class":91},[85,161,162],{"class":118},"A link that looks like one",[85,164,122],{"class":91},[85,166,135],{"class":95},[85,168,127],{"class":91},[170,171,173],"h2",{"id":172},"styles","Styles",[72,175,176],{},[75,177,179],{"className":77,"code":178,"language":79,"meta":80,"style":80},"\u003Cbutton class=\"pui-btn pui-solid pui-theme\">Solid\u003C\u002Fbutton>\n\u003Cbutton class=\"pui-btn pui-soft pui-theme\">Soft\u003C\u002Fbutton>\n\u003Cbutton class=\"pui-btn pui-outline pui-theme\">Outline\u003C\u002Fbutton>\n\u003Cbutton class=\"pui-btn pui-link pui-theme\">Link\u003C\u002Fbutton>\n",[82,180,181,208,236,265],{"__ignoreMap":80},[85,182,183,185,187,189,191,193,195,197,199,202,204,206],{"class":87,"line":88},[85,184,92],{"class":91},[85,186,96],{"class":95},[85,188,100],{"class":99},[85,190,103],{"class":91},[85,192,106],{"class":91},[85,194,110],{"class":109},[85,196,106],{"class":91},[85,198,115],{"class":91},[85,200,201],{"class":118},"Solid",[85,203,122],{"class":91},[85,205,96],{"class":95},[85,207,127],{"class":91},[85,209,210,212,214,216,218,220,223,225,227,230,232,234],{"class":87,"line":130},[85,211,92],{"class":91},[85,213,96],{"class":95},[85,215,100],{"class":99},[85,217,103],{"class":91},[85,219,106],{"class":91},[85,221,222],{"class":109},"pui-btn pui-soft pui-theme",[85,224,106],{"class":91},[85,226,115],{"class":91},[85,228,229],{"class":118},"Soft",[85,231,122],{"class":91},[85,233,96],{"class":95},[85,235,127],{"class":91},[85,237,239,241,243,245,247,249,252,254,256,259,261,263],{"class":87,"line":238},3,[85,240,92],{"class":91},[85,242,96],{"class":95},[85,244,100],{"class":99},[85,246,103],{"class":91},[85,248,106],{"class":91},[85,250,251],{"class":109},"pui-btn pui-outline pui-theme",[85,253,106],{"class":91},[85,255,115],{"class":91},[85,257,258],{"class":118},"Outline",[85,260,122],{"class":91},[85,262,96],{"class":95},[85,264,127],{"class":91},[85,266,268,270,272,274,276,278,281,283,285,288,290,292],{"class":87,"line":267},4,[85,269,92],{"class":91},[85,271,96],{"class":95},[85,273,100],{"class":99},[85,275,103],{"class":91},[85,277,106],{"class":91},[85,279,280],{"class":109},"pui-btn pui-link pui-theme",[85,282,106],{"class":91},[85,284,115],{"class":91},[85,286,287],{"class":118},"Link",[85,289,122],{"class":91},[85,291,96],{"class":95},[85,293,127],{"class":91},[170,295,297],{"id":296},"colors","Colors",[72,299,300],{},[75,301,303],{"className":77,"code":302,"language":79,"meta":80,"style":80},"\u003Cbutton class=\"pui-btn pui-solid pui-theme\">Theme\u003C\u002Fbutton>\n\u003Cbutton class=\"pui-btn pui-solid pui-success\">Success\u003C\u002Fbutton>\n\u003Cbutton class=\"pui-btn pui-solid pui-error\">Error\u003C\u002Fbutton>\n\u003Cbutton class=\"pui-btn pui-solid pui-warn\">Warn\u003C\u002Fbutton>\n\u003Cbutton class=\"pui-btn pui-solid pui-muted\">Muted\u003C\u002Fbutton>\n",[82,304,305,332,360,388,416],{"__ignoreMap":80},[85,306,307,309,311,313,315,317,319,321,323,326,328,330],{"class":87,"line":88},[85,308,92],{"class":91},[85,310,96],{"class":95},[85,312,100],{"class":99},[85,314,103],{"class":91},[85,316,106],{"class":91},[85,318,110],{"class":109},[85,320,106],{"class":91},[85,322,115],{"class":91},[85,324,325],{"class":118},"Theme",[85,327,122],{"class":91},[85,329,96],{"class":95},[85,331,127],{"class":91},[85,333,334,336,338,340,342,344,347,349,351,354,356,358],{"class":87,"line":130},[85,335,92],{"class":91},[85,337,96],{"class":95},[85,339,100],{"class":99},[85,341,103],{"class":91},[85,343,106],{"class":91},[85,345,346],{"class":109},"pui-btn pui-solid pui-success",[85,348,106],{"class":91},[85,350,115],{"class":91},[85,352,353],{"class":118},"Success",[85,355,122],{"class":91},[85,357,96],{"class":95},[85,359,127],{"class":91},[85,361,362,364,366,368,370,372,375,377,379,382,384,386],{"class":87,"line":238},[85,363,92],{"class":91},[85,365,96],{"class":95},[85,367,100],{"class":99},[85,369,103],{"class":91},[85,371,106],{"class":91},[85,373,374],{"class":109},"pui-btn pui-solid pui-error",[85,376,106],{"class":91},[85,378,115],{"class":91},[85,380,381],{"class":118},"Error",[85,383,122],{"class":91},[85,385,96],{"class":95},[85,387,127],{"class":91},[85,389,390,392,394,396,398,400,403,405,407,410,412,414],{"class":87,"line":267},[85,391,92],{"class":91},[85,393,96],{"class":95},[85,395,100],{"class":99},[85,397,103],{"class":91},[85,399,106],{"class":91},[85,401,402],{"class":109},"pui-btn pui-solid pui-warn",[85,404,106],{"class":91},[85,406,115],{"class":91},[85,408,409],{"class":118},"Warn",[85,411,122],{"class":91},[85,413,96],{"class":95},[85,415,127],{"class":91},[85,417,419,421,423,425,427,429,432,434,436,439,441,443],{"class":87,"line":418},5,[85,420,92],{"class":91},[85,422,96],{"class":95},[85,424,100],{"class":99},[85,426,103],{"class":91},[85,428,106],{"class":91},[85,430,431],{"class":109},"pui-btn pui-solid pui-muted",[85,433,106],{"class":91},[85,435,115],{"class":91},[85,437,438],{"class":118},"Muted",[85,440,122],{"class":91},[85,442,96],{"class":95},[85,444,127],{"class":91},[446,447,448],"p",{},"Two colors are defined against the page rather than against a palette:",[72,450,451],{},[75,452,454],{"className":77,"code":453,"language":79,"meta":80,"style":80},"\u003C!-- aligned with the page background: the usual secondary button -->\n\u003Cbutton class=\"pui-btn pui-outline pui-surface\">Cancel\u003C\u002Fbutton>\n\u003C!-- the opposite of the page background -->\n\u003Cbutton class=\"pui-btn pui-solid pui-inverse\">Continue\u003C\u002Fbutton>\n",[82,455,456,461,489,494],{"__ignoreMap":80},[85,457,458],{"class":87,"line":88},[85,459,460],{"class":91},"\u003C!-- aligned with the page background: the usual secondary button -->\n",[85,462,463,465,467,469,471,473,476,478,480,483,485,487],{"class":87,"line":130},[85,464,92],{"class":91},[85,466,96],{"class":95},[85,468,100],{"class":99},[85,470,103],{"class":91},[85,472,106],{"class":91},[85,474,475],{"class":109},"pui-btn pui-outline pui-surface",[85,477,106],{"class":91},[85,479,115],{"class":91},[85,481,482],{"class":118},"Cancel",[85,484,122],{"class":91},[85,486,96],{"class":95},[85,488,127],{"class":91},[85,490,491],{"class":87,"line":238},[85,492,493],{"class":91},"\u003C!-- the opposite of the page background -->\n",[85,495,496,498,500,502,504,506,509,511,513,516,518,520],{"class":87,"line":267},[85,497,92],{"class":91},[85,499,96],{"class":95},[85,501,100],{"class":99},[85,503,103],{"class":91},[85,505,106],{"class":91},[85,507,508],{"class":109},"pui-btn pui-solid pui-inverse",[85,510,106],{"class":91},[85,512,115],{"class":91},[85,514,515],{"class":118},"Continue",[85,517,122],{"class":91},[85,519,96],{"class":95},[85,521,127],{"class":91},[170,523,525],{"id":524},"rounded","Rounded",[72,527,528],{},[75,529,531],{"className":77,"code":530,"language":79,"meta":80,"style":80},"\u003Cbutton class=\"pui-btn pui-solid pui-theme pui-rounded-full\">Pill\u003C\u002Fbutton>\n",[82,532,533],{"__ignoreMap":80},[85,534,535,537,539,541,543,545,548,550,552,555,557,559],{"class":87,"line":88},[85,536,92],{"class":91},[85,538,96],{"class":95},[85,540,100],{"class":99},[85,542,103],{"class":91},[85,544,106],{"class":91},[85,546,547],{"class":109},"pui-btn pui-solid pui-theme pui-rounded-full",[85,549,106],{"class":91},[85,551,115],{"class":91},[85,553,554],{"class":118},"Pill",[85,556,122],{"class":91},[85,558,96],{"class":95},[85,560,127],{"class":91},[446,562,563,566],{},[82,564,565],{},"pui-rounded"," is the other half of the pair: it puts the default radius back on\nan element that lost it, which is what a group does to the pieces inside it.",[72,568,569],{},[75,570,572],{"className":77,"code":571,"language":79,"meta":80,"style":80},"\u003Cdiv class=\"pui-group-row\">\n  \u003Cbutton class=\"pui-btn pui-outline pui-surface\">Left\u003C\u002Fbutton>\n  \u003Cbutton class=\"pui-btn pui-outline pui-surface pui-rounded\">Detached\u003C\u002Fbutton>\n\u003C\u002Fdiv>\n",[82,573,574,594,622,650],{"__ignoreMap":80},[85,575,576,578,581,583,585,587,590,592],{"class":87,"line":88},[85,577,92],{"class":91},[85,579,580],{"class":95},"div",[85,582,100],{"class":99},[85,584,103],{"class":91},[85,586,106],{"class":91},[85,588,589],{"class":109},"pui-group-row",[85,591,106],{"class":91},[85,593,127],{"class":91},[85,595,596,599,601,603,605,607,609,611,613,616,618,620],{"class":87,"line":130},[85,597,598],{"class":91},"  \u003C",[85,600,96],{"class":95},[85,602,100],{"class":99},[85,604,103],{"class":91},[85,606,106],{"class":91},[85,608,475],{"class":109},[85,610,106],{"class":91},[85,612,115],{"class":91},[85,614,615],{"class":118},"Left",[85,617,122],{"class":91},[85,619,96],{"class":95},[85,621,127],{"class":91},[85,623,624,626,628,630,632,634,637,639,641,644,646,648],{"class":87,"line":238},[85,625,598],{"class":91},[85,627,96],{"class":95},[85,629,100],{"class":99},[85,631,103],{"class":91},[85,633,106],{"class":91},[85,635,636],{"class":109},"pui-btn pui-outline pui-surface pui-rounded",[85,638,106],{"class":91},[85,640,115],{"class":91},[85,642,643],{"class":118},"Detached",[85,645,122],{"class":91},[85,647,96],{"class":95},[85,649,127],{"class":91},[85,651,652,654,656],{"class":87,"line":267},[85,653,122],{"class":91},[85,655,580],{"class":95},[85,657,127],{"class":91},[170,659,661],{"id":660},"disabled","Disabled",[72,663,664],{},[75,665,667],{"className":77,"code":666,"language":79,"meta":80,"style":80},"\u003Cbutton class=\"pui-btn pui-solid pui-theme\" disabled>Disabled\u003C\u002Fbutton>\n",[82,668,669],{"__ignoreMap":80},[85,670,671,673,675,677,679,681,683,685,688,690,692,694,696],{"class":87,"line":88},[85,672,92],{"class":91},[85,674,96],{"class":95},[85,676,100],{"class":99},[85,678,103],{"class":91},[85,680,106],{"class":91},[85,682,110],{"class":109},[85,684,106],{"class":91},[85,686,687],{"class":99}," disabled",[85,689,115],{"class":91},[85,691,661],{"class":118},[85,693,122],{"class":91},[85,695,96],{"class":95},[85,697,127],{"class":91},[446,699,700,701,704,705,708],{},"For an element that is not a ",[82,702,703],{},"\u003Cbutton>",", use ",[82,706,707],{},"aria-disabled=\"true\"",", which looks the same and is announced correctly.",[170,710,712],{"id":711},"with-an-icon","With an icon",[446,714,715,718],{},[82,716,717],{},"pui-btn"," is a flex container with a gap, so an icon and a label line up on their own:",[75,720,722],{"className":77,"code":721,"language":79,"meta":80,"style":80},"\u003Cbutton class=\"pui-btn pui-solid pui-theme\">\n  \u003Csvg width=\"16\" height=\"16\">\u003C!-- ... -->\u003C\u002Fsvg>\n  Save\n\u003C\u002Fbutton>\n",[82,723,724,742,783,788],{"__ignoreMap":80},[85,725,726,728,730,732,734,736,738,740],{"class":87,"line":88},[85,727,92],{"class":91},[85,729,96],{"class":95},[85,731,100],{"class":99},[85,733,103],{"class":91},[85,735,106],{"class":91},[85,737,110],{"class":109},[85,739,106],{"class":91},[85,741,127],{"class":91},[85,743,744,746,749,752,754,756,759,761,764,766,768,770,772,774,777,779,781],{"class":87,"line":130},[85,745,598],{"class":91},[85,747,748],{"class":95},"svg",[85,750,751],{"class":99}," width",[85,753,103],{"class":91},[85,755,106],{"class":91},[85,757,758],{"class":109},"16",[85,760,106],{"class":91},[85,762,763],{"class":99}," height",[85,765,103],{"class":91},[85,767,106],{"class":91},[85,769,758],{"class":109},[85,771,106],{"class":91},[85,773,115],{"class":91},[85,775,776],{"class":91},"\u003C!-- ... -->",[85,778,122],{"class":91},[85,780,748],{"class":95},[85,782,127],{"class":91},[85,784,785],{"class":87,"line":238},[85,786,787],{"class":118},"  Save\n",[85,789,790,792,794],{"class":87,"line":267},[85,791,122],{"class":91},[85,793,96],{"class":95},[85,795,127],{"class":91},[170,797,799],{"id":798},"grouping","Grouping",[446,801,802,803,807],{},"See ",[135,804,806],{"href":805},"\u002Fdocs\u002Fv1\u002Fgeneral\u002Flayout-group","Layout Group",".",[809,810,811],"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":80,"searchDepth":130,"depth":130,"links":813},[814,815,816,817,818,819],{"id":172,"depth":130,"text":173},{"id":296,"depth":130,"text":297},{"id":524,"depth":130,"text":525},{"id":660,"depth":130,"text":661},{"id":711,"depth":130,"text":712},{"id":798,"depth":130,"text":799},null,"The `pui-btn` class turns a `\u003Cbutton>` or an `\u003Ca>` into a button. It brings the shape only: pair it with a style and a color.","md",{},true,"\u002Fdocs\u002Fv1\u002Fcomponents\u002Fbutton",{"title":67,"description":821},"docs\u002Fv1\u002F04.components\u002F03.button",[829,96],"component","tFUIKAABvNLt5PELm4El2oRdWrfkPxVpQfSHEXyP4NQ",[832],{"title":833,"path":14,"stem":834,"children":835,"page":865},"Docs","docs",[836],{"title":837,"path":838,"stem":839,"children":840,"page":865},"V1","\u002Fdocs\u002Fv1","docs\u002Fv1",[841,866,879,890,936],{"title":842,"path":843,"stem":844,"children":845,"page":865},"Getting Started","\u002Fdocs\u002Fv1\u002Fgetting-started","docs\u002Fv1\u002F01.getting-started",[846,850,854,858,861],{"title":847,"path":848,"stem":849},"Installation","\u002Fdocs\u002Fv1\u002Fgetting-started\u002Finstallation","docs\u002Fv1\u002F01.getting-started\u002F01.installation",{"title":851,"path":852,"stem":853},"TypeScript","\u002Fdocs\u002Fv1\u002Fgetting-started\u002Ftypescript","docs\u002Fv1\u002F01.getting-started\u002F02.typescript",{"title":855,"path":856,"stem":857},"Tailwind CSS","\u002Fdocs\u002Fv1\u002Fgetting-started\u002Ftailwind-css","docs\u002Fv1\u002F01.getting-started\u002F03.tailwind-css",{"title":16,"path":859,"stem":860},"\u002Fdocs\u002Fv1\u002Fgetting-started\u002Fmigrating-from-0-x","docs\u002Fv1\u002F01.getting-started\u002F04.migrating-from-0-x",{"title":862,"path":863,"stem":864},"License","\u002Fdocs\u002Fv1\u002Fgetting-started\u002Flicense","docs\u002Fv1\u002F01.getting-started\u002F05.license",false,{"title":867,"path":868,"stem":869,"children":870,"page":865},"Customization","\u002Fdocs\u002Fv1\u002Fcustomization","docs\u002Fv1\u002F02.customization",[871,875],{"title":872,"path":873,"stem":874},"Dark Mode","\u002Fdocs\u002Fv1\u002Fcustomization\u002Fdark-mode","docs\u002Fv1\u002F02.customization\u002F01.dark-mode",{"title":876,"path":877,"stem":878},"Theme Color","\u002Fdocs\u002Fv1\u002Fcustomization\u002Ftheme-color","docs\u002Fv1\u002F02.customization\u002F02.theme-color",{"title":880,"path":881,"stem":882,"children":883,"page":865},"General","\u002Fdocs\u002Fv1\u002Fgeneral","docs\u002Fv1\u002F03.general",[884,886],{"title":806,"path":805,"stem":885},"docs\u002Fv1\u002F03.general\u002F01.layout-group",{"title":887,"path":888,"stem":889},"Float","\u002Fdocs\u002Fv1\u002Fgeneral\u002Ffloat","docs\u002Fv1\u002F03.general\u002F02.float",{"title":891,"path":892,"stem":893,"children":894,"page":865},"Components","\u002Fdocs\u002Fv1\u002Fcomponents","docs\u002Fv1\u002F04.components",[895,899,903,904,908,912,916,920,924,928,932],{"title":896,"path":897,"stem":898},"Accordion","\u002Fdocs\u002Fv1\u002Fcomponents\u002Faccordion","docs\u002Fv1\u002F04.components\u002F01.accordion",{"title":900,"path":901,"stem":902},"Badge","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fbadge","docs\u002Fv1\u002F04.components\u002F02.badge",{"title":67,"path":825,"stem":827},{"title":905,"path":906,"stem":907},"Card","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fcard","docs\u002Fv1\u002F04.components\u002F04.card",{"title":909,"path":910,"stem":911},"Chip","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fchip","docs\u002Fv1\u002F04.components\u002F05.chip",{"title":913,"path":914,"stem":915},"Dropdown","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fdropdown","docs\u002Fv1\u002F04.components\u002F06.dropdown",{"title":917,"path":918,"stem":919},"List","\u002Fdocs\u002Fv1\u002Fcomponents\u002Flist","docs\u002Fv1\u002F04.components\u002F07.list",{"title":921,"path":922,"stem":923},"Modal","\u002Fdocs\u002Fv1\u002Fcomponents\u002Fmodal","docs\u002Fv1\u002F04.components\u002F08.modal",{"title":925,"path":926,"stem":927},"Table","\u002Fdocs\u002Fv1\u002Fcomponents\u002Ftable","docs\u002Fv1\u002F04.components\u002F09.table",{"title":929,"path":930,"stem":931},"Timeline","\u002Fdocs\u002Fv1\u002Fcomponents\u002Ftimeline","docs\u002Fv1\u002F04.components\u002F10.timeline",{"title":933,"path":934,"stem":935},"Tooltip","\u002Fdocs\u002Fv1\u002Fcomponents\u002Ftooltip","docs\u002Fv1\u002F04.components\u002F11.tooltip",{"title":937,"path":938,"stem":939,"children":940,"page":865},"Forms","\u002Fdocs\u002Fv1\u002Fforms","docs\u002Fv1\u002F05.forms",[941,945,949,953,957,961,965,969],{"title":942,"path":943,"stem":944},"Field Group","\u002Fdocs\u002Fv1\u002Fforms\u002Ffield-group","docs\u002Fv1\u002F05.forms\u002F01.field-group",{"title":946,"path":947,"stem":948},"Input","\u002Fdocs\u002Fv1\u002Fforms\u002Finput","docs\u002Fv1\u002F05.forms\u002F02.input",{"title":950,"path":951,"stem":952},"Input Group","\u002Fdocs\u002Fv1\u002Fforms\u002Finput-group","docs\u002Fv1\u002F05.forms\u002F03.input-group",{"title":954,"path":955,"stem":956},"Textarea","\u002Fdocs\u002Fv1\u002Fforms\u002Ftextarea","docs\u002Fv1\u002F05.forms\u002F04.textarea",{"title":958,"path":959,"stem":960},"Select","\u002Fdocs\u002Fv1\u002Fforms\u002Fselect","docs\u002Fv1\u002F05.forms\u002F05.select",{"title":962,"path":963,"stem":964},"Checkbox","\u002Fdocs\u002Fv1\u002Fforms\u002Fcheckbox","docs\u002Fv1\u002F05.forms\u002F06.checkbox",{"title":966,"path":967,"stem":968},"Radio","\u002Fdocs\u002Fv1\u002Fforms\u002Fradio","docs\u002Fv1\u002F05.forms\u002F07.radio",{"title":970,"path":971,"stem":972},"Switch","\u002Fdocs\u002Fv1\u002Fforms\u002Fswitch","docs\u002Fv1\u002F05.forms\u002F08.switch",1790369303532]