https://patternfly-org-pr-4493-site.surge.sh/js/main.032e211f.bundle.js

1(self.webpackChunkpatternfly_org=self.webpackChunkpatternfly_org||[]).push([[40179],{36746:(e,t,n)=>{"use strict";var a=n(2784),i=n(17029),o=n(71170),s=(n(49648),n(38151),n(54871)),l=n(75313),r=n(25590),c=n(90430),p=n(70006),d=n(52351),m=n(96793),u=n(44442),x=n(45078),h=n(74844),g=n(43922),b=n(41347),f=n(9872),y=n(33051),w=n(66159),v=n(77862),C=n(73858),S=n(41908),k=n(30540),E=n(87601),T=n(8795),N=n(1727),P=n(65140),A=n(10147);const D=({functionDescriptions:e})=>{const t="Function name",n="Description",i="Type signature",o="Default parameter values";return a.createElement(S.i,{"aria-label":"Function documentation table",variant:"compact"},a.createElement(k.Y,null,"Table showing documentation for relevant functions"),a.createElement(E.h,null,a.createElement(T.Tr,null,a.createElement(N.Th,null,t),a.createElement(N.Th,null,i),a.createElement(N.Th,null,o),a.createElement(N.Th,null,n))),a.createElement(P.p,null,e.map((e=>a.createElement(T.Tr,{key:e.functionName},a.createElement(A.Td,{dataLabel:t},e.functionName),a.createElement(A.Td,{dataLabel:i},e.type),a.createElement(A.Td,{dataLabel:o},e.params.map((e=>`${e.name}: ${e.default}; `))),a.createElement(A.Td,{dataLabel:n},e.description))))))};function B(){return B=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},B.apply(this,arguments)}const W=({Component:e,source:t,toc:n=[],index:i=0,id:o})=>{const{propComponents:s=[],sourceLink:c,cssPrefix:p=[],optIn:d,beta:m,deprecated:u,template:x,newImplementationLink:h,functionDocumentation:g=[]}=e.getPageData(),b=p.length>0&&"CSS variables",f=s.length>0&&"Props";if(f&&!n.find((e=>e.text===f))&&(n.push({text:f}),n.push(s.map((e=>({text:e.name}))))),b&&!n.find((e=>e.text===b))&&(n.push({text:b}),p.length>1&&n.push(p.map((e=>({text:`Prefixed with '${e}'`}))))),n.length>1){const e=t=>{Array.isArray(t)?t.forEach(e):t.id||(t.id=(0,v.slugger)(t.text))};e(n)}["react","react-demos","html","html-demos","react-templates"].includes(t);const y=(d||m||u||"react-deprecated"===t||"html-deprecated"===t||x||"react-template"===t)&&a.createElement(l.v,null,d&&a.createElement(w.o5,{title:"Opt-in feature"},d),m&&a.createElement(w.o5,{title:"Beta feature"},"This beta component is currently under review and is still open for further evolution. It is available for use in product. Beta components are considered for promotion on a quarterly basis. Please join in and give us your feedback or submit any questions on the ",a.createElement("a",{href:"https://forum.patternfly.org/"},"PatternFly forum")," or via"," ",a.createElement("a",{href:"//slack.patternfly.org/",target:"_blank",rel:"noopener noreferrer"},"Slack"),". To learn more about the process, visit our"," ",a.createElement(w.rU,{to:"/get-started/about-patternfly#beta-components"},"about page")," or our"," ",a.createElement("a",{href:"https://github.com/patternfly/patternfly-org/tree/main/beta-component-promotion"},"Beta components")," ","page on GitHub."),(u||"react-deprecated"===t||"html-deprecated"===t)&&a.createElement(w.o5,{title:"Deprecated feature",variant:"warning"},"This component implementation has been deprecated in favor of a newer solution, and is no longer being maintained or enhanced.",h&&a.createElement(a.Fragment,null,"You can find the ",a.createElement(w.rU,{to:h},"updated implementation here"),".")," ","To learn more about deprecated components, visit"," ",a.createElement(w.rU,{to:"/get-started/about-patternfly#deprecated-components"},"about PatternFly.")),(x||"react-template"===t)&&a.createElement(w.o5,{title:"Templates",variant:"info"},`This page showcases templates for the ${o.toLowerCase()} component. A template combines a component with logic that supports a specific use case, with a streamlined API that offers additional, limited customization.`)),C=()=>a.createElement("div",{className:"landing-pages"!==t?"pf-v6-l-flex":""},n.length>1&&a.createElement(w._2,{items:n}),a.createElement(r.K,{hasGutter:!0,style:{..."landing-pages"!==t&&{maxWidth:"825px"}}},y,a.createElement(e,null),g.length>0&&a.createElement(l.v,null,a.createElement(w.sg,{headingLevel:"h2",className:"pf-v6-c-content--h2",id:"functions"},"Functions"),a.createElement(D,{functionDescriptions:g})),f&&a.createElement(l.v,null,a.createElement(w.sg,{headingLevel:"h2",className:"pf-v6-c-content--h2",id:"props"},f),s.map((e=>a.createElement(w._A,{key:e.name,title:e.name,description:e.description,rows:e.props,allPropComponents:s})))),p.length>0&&a.createElement(l.v,null,a.createElement(w.sg,{headingLevel:"h2",className:"pf-v6-c-content--h2",id:"css-variables"},b),p.map(((e,t)=>a.createElement(w.N0,{key:t,autoLinkHeader:p.length>1,prefix:e})))),c&&a.createElement(l.v,null,a.createElement("br",null),a.createElement("a",{href:c,target:"_blank",onClick:()=>(0,v.trackEvent)("view_source_click","click_event",t.toUpperCase())},"Edit this page on GitHub"))));return C.displayName=`MDXChildTemplate${e.displayName}`,a.createElement(C,{key:t,path:t,default:0===i})}

1,L=({title:e,sources:t=[],path:n,id:i,componentsData:s})=>{const l=t.some((e=>"react-deprecated"===e.source||"html-deprecated"===e.source))&&!t.some((e=>"react"===e.source||"html"===e.source)),r=t.some((e=>e.beta&&"react-next"!==e.source&&"react-templates"!==e.source)),S=t.some((e=>"react-demos"===e.source||"html-demos"===e.source))&&!t.some((e=>"react"===e.source||"html"===e.source)),k=t.reduce(((e,t)=>{const{source:n,tabName:a}=t,i=a||(0,v.capitalize)(n.replace("html","HTML").replace(/-/g," "));return e[n]=i,e}),{}),E=Object.keys(k),T=1===E.length;let N,P,A,D,L,z,I,F;const M=E.some((e=>e.includes("pages")||e.includes("training"))),{pathname:U}=(0,o.TH)();let R=U.replace(/\/$/,"").split("/").pop();const H=i.split(" ").join("-").toLowerCase(),O=s?.[H]?.summary;let V;if(O){const e=(0,C.convertToReactComponent)(`<p>${O}</p>`).code;V=new Function("React","Link",e)(a,w.rU)}E.includes(R)||(R=E[0]),"undefined"!=typeof document&&(document.title=(0,v.getTitle)(e));const _=!T&&!M||P||I||L;return a.createElement(a.Fragment,null,a.createElement(c.C,null,a.createElement(p.NP,{className:(t.some((e=>{switch(e.section){case"developer-resources":return void(N=!0);case"components":return void(P=!0);case"extensions":return void(A=!0);case"charts":return void(D=!0);case"patterns":return void(L=!0);case"layouts":return void(z=!0);case"utilities":return void(I=!0);case"get-started":return void(e.source.includes("upgrade")&&(F=!0))}})),D||N||A?T?"pf-m-light-100":"pf-m-light":I||L||z||P||F?"pf-m-light":"pf-m-light-100"),variant:T?"":p.Dk.light,isWidthLimited:!0},a.createElement(d.V,{isEditorial:!0},a.createElement(m.k,{alignItems:{default:"alignItemsCenter"}},a.createElement(u.B,null,a.createElement(x.D,{headingLevel:"h1",size:"4xl",id:"ws-page-title"},e)),a.createElement(u.B,null,a.createElement(m.k,{display:{default:"inlineFlex"}},l&&a.createElement(u.B,{spacer:{default:"spacerSm"}},a.createElement(h.u,{content:"Deprecated components are available for use but are no longer being maintained or enhanced."},a.createElement(g.zx,{variant:"plain",hasNoPadding:!0},a.createElement(b._,{color:"grey"},"Deprecated")))),S&&a.createElement(u.B,{spacer:{default:"spacerSm"}},a.createElement(h.u,{content:"Demos show how multiple components can be used in a single design."},a.createElement(g.zx,{variant:"plain",hasNoPadding:!0},a.createElement(b._,{color:"purple"},"Demo")))),r&&a.createElement(u.B,{spacer:{default:"spacerSm"}},a.createElement(h.u,{content:"This beta component is currently under review and is still open for further evolution."},a.createElement(g.zx,{variant:"plain",hasNoPadding:!0},a.createElement(b._,{color:"blue"},"Beta"))))))),P&&O&&a.createElement(V,null))),_&&a.createElement(p.NP,{id:"ws-sticky-nav-tabs",stickyOnBreakpoint:{default:"top"},type:"tabs"},a.createElement("div",{className:"pf-v6-c-tabs pf-m-page-insets pf-m-no-border-bottom"},a.createElement("ul",{className:"pf-v6-c-tabs__list"},E.map(((e,t)=>a.createElement("li",{key:e,className:(0,y.css)("pf-v6-c-tabs__item",R===e&&"pf-m-current"),onClick:()=>(0,v.trackEvent)("tab_click","click_event",e.toUpperCase())},a.createElement(w.rU,{className:"pf-v6-c-tabs__link",to:`${n}${0===t?"":"/"+e}`},k[e]))))))),a.createElement(p.NP,{id:"main-content",isFilled:!0,className:"pf-m-light-100"},T&&a.createElement(W,B({},t[0],{id:i})),!T&&a.createElement(o.F0,{className:"pf-v6-u-h-100",primary:!1},t.map(((e,t)=>(e.index=t,e))).map(W))),a.createElement(f.z,{className:"ws-back-to-top",scrollableSelector:"#ws-page-main"})))};var z=n(93696);const I=({child:e,title:t,path:n})=>{const i=(0,o.TH)().pathname;if("undefined"!=typeof window&&window.gtag&&gtag("config","G-XRM3R81HJ6",{page_path:i,page_title:t||i}),!i.startsWith("/v4"))return"/404"===n&&"404"!==i.split("/").pop()&&(0,v.trackEvent)("404_redirect","redirect",i),a.createElement(a.Fragment,null,e);window.location.href=`https://v4-archive.patternfly.org${i}`},F=()=>{const e={"about-modal":{illustration:"./images/component-illustrations/about-modal.png",summary:"An <b>about modal</b> displays information about an application, like product version numbers and any appropriate legal text."},accordion:{illustration:"./images/component-illustrations/accordion.png",summary:"An <b>accordion</b> is a vertically stacked list that can be expanded and collapsed to reveal and hide nested content."},"action-list":{illustration:"./images/component-illustrations/action-list.png",summary:"An <b>action list</b> is a group of actions, controls, or buttons with built-in spacing."},alert:{illustration:"./images/component-illustrations/alert.png",summary:"An <b>alert</b> is a non-intrusive notification that shares brief, important messages with users."},"application-launcher":{illustration:"./images/component-illustrations/application-launcher.png",summary:"An <b>application launcher</b> is a menu that allows users to launch a separate web application in a new browser window."},avatar:{illustration:"./images/component-illustrations/avatar.png",summary:"An <b>avatar</b> is a visual representation of a user, which can contain an image or placeholder graphic."},"back-to-top":{illustration:"./images/component-illustrations/back-to-top.png",summary:"The <b>back to top</b> component is a shortcut that allows users to quickly navigate to the top of a page via a button."},backdrop:{illustration:"./images/component-illustrations/backdrop.png",summary:"A <b>backdrop</b> is a screen that covers the main content of a page when a modal is opened, to prevent page interaction until the modal is dismissed."},"background-image":{illustration:"./images/component-illustrations/background-image.png",summary:"A <b>background image</b> is an image that fills the background of a page."},badge:{illustration:"./images/component-illustrations/badge.png",summary:"A <b>badge</b> is an annotation that displays a numeric value."},banner:{illustration:"./images/component-illustrations/banner.png",summary:"A <b>banner</b> is a short message that is shared with users in an unobtrusive, full-width container that cannot be dismissed."},brand:{illustration:"./images/component-illustrations/brand.png",summary:"A <b>brand</b> is a visual representation of a product&mdash;typically its logo."},breadcrumb:{illustration:"./images/component-illustrations/breadcrumb.png",summary:"A <b>breadcrumb</b> is a secondary navigation method that shows where users are in an application, to help them navigate more efficiently."},button:{illustration:"./images/component-illustrations/button.png",summary:"A <b>button</b> is an object that communicates and triggers an action when it is clicked or selected."},"calendar-month":{illustration:"./images/component-illustrations/calendar-month.png",summary:"A <b>calendar month</b> component allows users to select and navigate between days, months, and years."},card:{illustration:"./images/component-illustrations/card.png",summary:"A <b>card</b> is a content container that displays entry-level information&mdash;typically within dashboards, galleries, and catalogs."},checkbox:{illustration:"./images/component-illustrations/checkbox.png",summary:"A <b>checkbox</b> is an input control that allows users to select a single item or multiple items from a list."},chip:{illustration:"./images/component-illustrations/chip.png",summary:"A <b>chip</b> is used to communicate a value or a set of attribute-value pairs within workflows that involve filtering a set of objects.<br /><br /><b>Note:</b> The chip component has been deprecated. Our new recommendation is to use <Link to='/components/label'>the label component</Link> instead."},"clipboard-copy":{illustration:"./images/component-illustrations/clipboard-copy.png",summary:"The <b>clipboard copy</b> component allows users to quickly and easily copy content to their clipboard."}

1,"code-block":{illustration:"./images/component-illustrations/code-block.png",summary:"A <b>code block</b> contains 2 or more lines of read-only code, which can be copied to a user's clipboard."},"code-editor":{illustration:"./images/component-illustrations/code-editor.png",summary:"A <b>code editor</b> is a versatile <Link to='https://microsoft.github.io/monaco-editor/'>Monaco-based</Link> text editor that supports various programming languages."},content:{illustration:"./images/component-illustrations/context-selector.png",summary:"A <b>content</b> component contains a block of styled HTML content."},"context-selector":{illustration:"./images/component-illustrations/context-selector.png",summary:"A <b>context selector</b> is a dropdown menu placed in the global navigation, which allows you to switch a user's application context to display relevant data and resources."},"custom-menus":{illustration:"./images/component-illustrations/custom-menus.png",summary:"<b>Custom menus</b> can be created to address a variety of unique use cases, by combining <Link to='/components/menus/menu'>menus</Link> and <Link to='/components/menus/menu-toggle'>menu toggles.</Link>"},"data-list":{illustration:"./images/component-illustrations/data-list.png",summary:"A <b>data list</b> displays large data sets and interactive content in a flexible layout."},"date-picker":{illustration:"./images/component-illustrations/date-picker.png",summary:"A <b>date picker</b> allows users to either manually enter a date or select a date from a calendar."},"date-and-time-picker":{illustration:"./images/component-illustrations/date-and-time-picker.png",summary:"A <b>date and time picker</b> allows users to select both a specific date and a time, by combining <Link to='/components/date-and-time/date-picker'>date picker</Link> and <Link to='/components/date-and-time/time-picker'>time picker</Link> components."},"description-list":{illustration:"./images/component-illustrations/description-list.png",summary:"A <b>description list</b> displays terms and their corresponding descriptions."},divider:{illustration:"./images/component-illustrations/divider.png",summary:"A <b>divider</b> is a horizontal or vertical line that is placed between screen elements to create visual divisions and content groupings."},"drag-and-drop":{illustration:"./images/component-illustrations/drag-and-drop.png",summary:"The <b>drag and drop</b> component allows users to reposition, rearrange, and group items into more relevant and appropriate layouts."},drawer:{illustration:"./images/component-illustrations/drawer.png",summary:"A <b>drawer</b> is a sliding panel that enters from outside of the viewport, which can be configured to either overlay content or create a sidebar by pushing content."},dropdown:{illustration:"./images/component-illustrations/dropdown.png",summary:"A <b>dropdown</b> displays a menu of actions that trigger a process and links that navigate to a new location."},"dual-list-selector":{illustration:"./images/component-illustrations/dual-list-selector.png",summary:"A <b>dual list selector</b> displays 2 interactive lists: a list of selected items and a list of available, selectable items. Users can move items between the lists."},"empty-state":{illustration:"./images/component-illustrations/empty-state.png",summary:"An <b>empty state</b> is a screen that is not yet populated with data or information&mdash;typically containing a short message and next steps for users."},"expandable-section":{illustration:"./images/component-illustrations/expandable-section.png",summary:"An <b>expandable section</b> is a content section with a text toggle that reveals content that is hidden by default."},"multiple-file-upload":{illustration:"./images/component-illustrations/file-upload-multiple.png",summary:"A <b>multiple file upload</b> component allows users to select and upload multiple files to a specific location."},"simple-file-upload":{illustration:"./images/component-illustrations/file-upload.png",summary:"A <b>simple file upload</b> component allows users to select and upload a single file to a specific location."},"form-control":{illustration:"./images/component-illustrations/form-control.png",summary:"A <b>form control</b> is a form element that guides users and accepts user input, such as text areas and selection menus."},form:{illustration:"./images/component-illustrations/form.png",summary:"A <b>form</b> is a group of related elements that allow users to provide data and configure options in a variety of contexts, such as within modals, wizards, and pages."},"form-select":{illustration:"./images/component-illustrations/form-select.png",summary:"A <b>form select</b> is a form element that embeds browser-native menus."},"helper-text":{illustration:"./images/component-illustrations/helper-text.png",summary:"<b>Helper text</b> is a text-based support method that adds additional context to field inputs."},hint:{illustration:"./images/component-illustrations/hint.png",summary:"A <b>hint</b> is an in-app message that shares reminders, explanations, or calls to action within a page or modal."},icon:{illustration:"./images/component-illustrations/icon.png",summary:"An <b>icon</b> component is a container that supports <Link to='/design-foundations/icons#all-icons'>icons</Link> of varying dimensions and styles, as well as <Link to='/components/spinner'>spinners.</Link>"},"inline-edit":{illustration:"./images/component-illustrations/inline-edit.png",summary:"An <b>inline edit</b> component allows users to switch between read-only and edits views of description lists, page text elements, or tables&mdash;within the context of their current view."},"input-group":{illustration:"./images/component-illustrations/input-group.png",summary:"An <b>input group</b> combines multiple related controls or inputs to appear as a single control."},"jump-links":{illustration:"./images/component-illustrations/jump-links.png",summary:"When clicked, <b>jump links</b> allow users to navigate to sections within a page without scrolling."},label:{illustration:"./images/component-illustrations/label.png",summary:"A <b>label</b> is a descriptive annotation that adds context to an element for clarity and convenience."},list:{illustration:"./images/component-illustrations/list.png",summary:"A <b>list</b> component embeds a formatted list&mdash;bulleted or numbered&mdash;into page content."},"login-page":{illustration:"./images/component-illustrations/login-page.png",summary:"A <b>login page</b> allows a user to access an application by entering a username and password, or by authenticating using a social media login."},masthead:{illustration:"./images/component-illustrations/masthead.png",summary:"A <b>masthead</b> contains and organizes global properties like a logo, navigation, and settings for easy and consistent access across all pages of an application."},"menu-toggle":{illustration:"./images/component-illustrations/menu-toggle.png",summary:"A <b>menu toggle</b> is a selectable control that opens and closes a menu."},menu:{illustration:"./images/component-illustrations/menu.png",summary:"A <b>menu</b> is a list of options or actions that users can choose from."},modal:{illustration:"./images/component-illustrations/modal.png",summary:"A <b>modal</b> is a window that overlays a page to display important information, without requiring users to navigate to a new page."},navigation:{illustration:"./images/component-illustrations/navigation.png",summary:"A <b>navigation</b> component organizes and communicates an application's structure and content in a central location, making it easy to find information and accomplish tasks."},"notification-badge":{illustration:"./images/component-illustrations/notification-badge.png",summary:"A <b>notification badge</b> is a visual indicator that alerts users about incoming notifications."},"notification-drawer":{illustration:"./images/component-illustrations/notification-drawer.png",summary:"A <b>notification drawer</b> contains an application's notifications, which users can view and manage without having to navigate to a new screen."},"number-input":{illustration:"./images/component-illustrations/number-input.png",summary:"A <b>number input</b> combines a text input field with buttons to provide users with a quick and effective way to enter and modify a numeric value."},"options-menu":{illustration:"./images/component-illustrations/options-menu.png",summary:"An <b>options menu</b> contains a set of optional settings."},"overflow-menu":{illustration:"./images/component-illustrations/overflow-menu.png",summary:"An <b>overflow menu</b> groups a set of actions into a responsive horizontal list to help declutter the UI."},page:{illustration:"./images/component-illustrations/page.png",summary:"A <b>page</b> component defines the basic layout of a page, with either vertical or horizontal navigation."},pagination:{illustration:"./images/component-illustrations/pagination.png",summary:"A <b>pagination</b> component allows users to navigate through large content views that have been split across multiple pages."},panel:{illustration:"./images/component-illustrations/panel.png",summary:"A <b>panel</b> is a customizable container that can contain other components in flexible content layouts."},"password-generator":{illustration:"./images/component-illustrations/password-generator.png",summary:"This demo demonstrates how to create an input field that generates unique passwords."},"password-strength":{illustration:"./images/component-illustrations/password-strength.png",summary:"This demo demonstrates how to validate and display feedback about password strength."},popover:{illustration:"./images/component-illustrations/popover.png",summary:"A <b>popover</b> is a small overlay window that provides additional information about an on-screen element."},"progress-stepper":{illustration:"./images/component-illustrations/progress-stepper.png",summary:"A <b>progress stepper</b> displays a timeline of tasks in a workflow and tracks a user's progress through the workflow."},progress:{illustration:"./images/component-illustrations/progress.png",summary:"A <b>progress</b> component is a horizontal bar that indicates the completion status of an ongoing process or task."},radio:{illustration:"./images/component-illustrations/radio.png",summary:"A <b>radio</b> is a button that's used to present users with mutually exclusive choices."},"search-input":{illustration:"./images/component-illustrations/search-input.png",summary:"A <b>search input</b> is a type of input field that can be used to search, find, or filter."},select:{illustration:"./images/component-illustrations/select.png",summary:"A <b>select</b> component is a menu that enables users to select 1 or more items from a list."},sidebar:{illustration:"./images/component-illustrations/sidebar.png",summary:"A <b>sidebar</b>

1 is a panel that splits content into a secondary area within a page."},"simple-list":{illustration:"./images/component-illustrations/simple-list.png",summary:"A <b>simple list</b> displays selectable items within a page."},skeleton:{illustration:"./images/component-illustrations/skeleton.png",summary:"A <b>skeleton</b> is a type of loading state that allows you to expose content incrementally."},"skip-to-content":{illustration:"./images/component-illustrations/skip-to-content.png",summary:"A <b>skip to content</b> component allows users to bypass navigation when using a screen reader or keyboard"},slider:{illustration:"./images/component-illustrations/slider.png",summary:"A <b>slider</b> is an interactive element that allows users to quickly set and adjust a numeric value from a defined range of values."},spinner:{illustration:"./images/component-illustrations/spinner.png",summary:"A <b>spinner</b> is an animated visual that indicates when a quick action is in progress."},switch:{illustration:"./images/component-illustrations/switch.png",summary:"A <b>switch</b> is a control that toggles the state of a setting between on and off."},"tab-content":{illustration:"./images/component-illustrations/tab-content.png",summary:"A <b>tab content</b> component is used to contain content within a tab."},table:{illustration:"./images/component-illustrations/table.png",summary:"A <b>table</b> displays large data sets in a simple grid with column headers."},tabs:{illustration:"./images/component-illustrations/tabs.png",summary:"<b>Tabs</b> group similar content within sub-views of a page."},"text-area":{illustration:"./images/component-illustrations/text-area.png",summary:"A <b>text area</b> allows users to enter a longer paragraph of text."},"text-input-group":{illustration:"./images/component-illustrations/text-input-group.png",summary:"A <b>text input group</b> is a more custom, flexible, and composable version of a <Link to='/components/forms/text-input'>text input</Link> that includes elements like icons and buttons."},"text-input":{illustration:"./images/component-illustrations/text-input.png",summary:"A <b>text input</b> components allows users to input short text."},tile:{illustration:"./images/component-illustrations/tile.png",summary:"A <b>tile</b> is a container that allows users to select a static option."},"time-picker":{illustration:"./images/component-illustrations/time-picker.png",summary:"A <b>time picker</b> component allows users to select a time from a list of options."},timestamp:{illustration:"./images/component-illustrations/timestamp.png",summary:"A <b>timestamp</b> is a consistently formatted visual that displays date and time values."},title:{illustration:"./images/component-illustrations/title.png",summary:"A <b>title</b> component applies top and bottom margins, font-weight, font-size, and line-height to page and section headings."},"toggle-group":{illustration:"./images/component-illustrations/toggle-group.png",summary:"A <b>toggle group</b> is a set of controls that can be used to quickly switch between actions or states."},toolbar:{illustration:"./images/component-illustrations/toolbar.png",summary:"A <b>toolbar</b> is a responsive container that displays controls that allow users to manage and manipulate a data set."},tooltip:{illustration:"./images/component-illustrations/tooltip.png",summary:"A <b>tooltip</b> is a small, temporary, overlay window that provides additional information about an on-screen element."},"tree-view":{illustration:"./images/component-illustrations/tree-view.png",summary:"A <b>tree view</b> is a structure that displays data in a hierarchical view."},truncate:{illustration:"./images/component-illustrations/truncate.png",summary:"A <b>truncate</b> component can be used to shorten character strings&mdash;typically when the string overflows its container."},wizard:{illustration:"./images/component-illustrations/wizard.png",summary:"A <b>wizard</b> is a guided workflow that helps users complete complex tasks, create objects, or follow a series of steps."}};return a.createElement(s.rU,{groupedRoutes:z.groupedRoutes,navOpen:!0},a.createElement(o.F0,{id:"ws-page-content-router",component:"main"},Object.entries(z.routes).map((([t,{Component:n,title:i,sources:o,id:s}])=>n?a.createElement(I,{key:t,path:t,default:"/404"===t,child:a.createElement(n,null),title:i}):a.createElement(I,{key:t,path:t+"/*",child:a.createElement(L,{path:t,title:i,sources:o,id:s,components

1Data:e}),title:i})))))},M=({Component:e,title:t})=>{const[n,i]=a.useState(!1);a.useEffect((()=>{e.preload().then((()=>i(!0)))}),[]);const{examples:o={}}=e.getPageData(),s=o[t];return n?a.createElement(s,{isFullscreen:!1,isFullscreenPreview:!0}):a.createElement(e,null)},U=()=>a.createElement(o.F0,{id:"ws-router"},a.createElement(F,{path:"/*"}),Object.entries(z.fullscreenRoutes).map((([e,{title:t,Component:n}])=>a.createElement(M,{key:e,path:e,Component:n,title:t}))));{function R(){const e=document.getElementById("root");(0,i.a)(e,a.createElement(U,null))}const H=(0,z.getAsyncComponent)(null);H?H.preload().then(R):R()}},66159:(e,t,n)=>{"use strict";n.d(t,{sg:()=>d,N0:()=>N,en:()=>re,$_:()=>be,DT:()=>Ce,o5:()=>_e,rU:()=>r.r,_A:()=>Ne,kw:()=>Ie,_2:()=>Oe,tD:()=>Me});var a=n(2784),i=n(96793),o=n(44442),s=n(52351),l=n(28644),r=n(15452),c=n(51782),p=n(33051);const d=({id:e,headingLevel:t,children:n,metaText:d,className:m})=>{const u=e||(0,c.slugger)(n);return a.createElement(i.k,{alignItems:{default:"alignItemsCenter"},spaceItems:{default:"spaceItemsSm"}},a.createElement(o.B,null,a.createElement(s.V,{id:u,component:t,className:(0,p.css)("ws-heading",m),tabIndex:-1,isEditorial:!0},a.createElement(r.r,{href:`#${u}`,className:"ws-heading-anchor",tabIndex:"-1","aria-hidden":!0},a.createElement(l.ZP,{className:"ws-heading-anchor-icon",style:{verticalAlign:"middle"}})),n)),d&&a.createElement(o.B,null,d))};var m=n(53112),u=n(57454),x=n(32662),h=n(41908),g=n(87601),b=n(8795),f=n(1727),y=n(65140),w=n(10147),v=n(92052),C=n(8563),S=n(59852);class k extends a.Component{constructor(e){super(e),this.state={filterValue:""}}onFilterChange=e=>{this.setState({filterValue:e.target.value},(()=>this.props.getDebouncedFilteredRows(this.state.filterValue)))};render(){return a.createElement(S.M,{"aria-label":"Filter CSS Variables",placeholder:"Filter CSS Variables",value:this.state.filterValue,onChange:this.onFilterChange})}}const E=/^(#|rgb)/,T=(e,t)=>a.createElement(m.aV,{isPlain:!0},a.createElement(u.H,null,e),t.map((e=>a.createElement(u.H,{key:e,icon:a.createElement(C.ZP,{className:"rotate-90-deg"})},e))));class N extends a.Component{constructor(e){super(e);const t=e.prefix.replace("pf-v6-","").replace(/-+/g,"_"),n=Object.entries(v).filter((([e,n])=>t===e)).sort((([e],[t])=>e.localeCompare(t))).map((([t,n])=>e.selector?{[e.selector]:n[e.selector]}:n));this.flatList=(e=>{let t=[];return e.forEach((e=>{Object.entries(e).forEach((([e,n])=>{void 0!==n&&Object.entries(n).forEach((([n,a])=>{t.push({selector:e,property:a.name,token:n,value:a.value,values:a.values})}))}))})),t})(n),this.state={searchRE:"",rows:this.getFilteredRows(),allRowsExpanded:!0}}getFilteredRows=e=>{let t=[],n=-1;return this.flatList.forEach((i=>{const{selector:o,property:s,token:l,value:r,values:c}=i;if(!e||e.test(o)||e.test(s)||e.test(r)||c&&e.test(JSON.stringify(c))){const e=`${o}_${s}`,i=E.test(r),l=[...this.props.hideSelectorColumn?[]:[o],s,a.createElement("div",{key:e},a.createElement("div",{key:`${e}_1`,className:"pf-v6-l-flex pf-m-space-items-sm"},i&&a.createElement("div",{key:`${e}_2`,className:"pf-v6-l-flex pf-m-column pf-m-align-self-center"},a.createElement("span",{className:"circle",style:{backgroundColor:`var(${s})`}})),a.createElement("div",{key:`${e}_3`,className:"pf-v6-l-flex pf-m-column pf-m-align-self-center ws-td-text"},i&&"(In light theme)"," ",r)))];t.push({isOpen:!c&&void 0,cells:l,details:c?{parent:n,fullWidth:!0,data:T(s,c)}:void 0}),n+=1,c&&(n+=1)}})),t};onCollapse=(e,t,n)=>{const{rows:a}=this.state,i=void 0===t;let o=Array.from(a);i?o=o.map((e=>void 0===e.isOpen?e:{...e,isOpen:n})):o[t]={...o[t],isOpen:n},this.setState((e=>({rows:o,...i&&{allRowsExpanded:!e.allRowsExpanded}})))};getDebouncedFilteredRows=(0,x.Ds)((e=>{const t=new RegExp(e,"i");this.setState({searchRE:t,rows:this.getFilteredRows(t)})}),500);render(){return a.createElement(a.Fragment,null,this.props.autoLinkHeader&&a.createElement(d,{headingLevel:"h3",className:"pf-v6-u-mt-lg pf-v6-u-mb-md"},`Prefixed with '${this.props.prefix}'`),a.createElement(k,{getDebouncedFilteredRows:this.getDebouncedFilteredRows}),a.createElement(h.i,{variant:"compact","aria-label":`CSS Variables prefixed with ${this.props.prefix}`},a.createElement(g.h,null,a.createElement(b.Tr,null,!this.props.hideSelectorColumn&&a.createElement(a.Fragment,null,a.createElement(f.Th,{screenReaderText:"Expand or collapse column"}),a.createElement(f.Th,null,"Selector")),a.createElement(f.Th,null,"Variable"),a.createElement(f.Th,null,"Value"))),this.props.hideSelectorColumn?a.createElement(y.p,null,this.state.rows.map(((e,t)=>a.createElement(b.Tr,{key:t},a.createElement(w.Td,{dataLabel:"Variable"},e.cells[0]),a.createElement(w.Td,{dataLabel:"Value"},e.cells[1]))))):this.state.rows.map(((e,t)=>a.createElement(y.p,{key:t,isExpanded:e.isOpen}

1,a.createElement(b.Tr,null,a.createElement(w.Td,{expand:e.details?{rowIndex:t,isExpanded:e.isOpen,onToggle:this.onCollapse,expandId:`css-vars-expandable-toggle-${this.props.prefix}`}:void 0}),a.createElement(w.Td,{dataLabel:"Selector"},e.cells[0]),a.createElement(w.Td,{dataLabel:"Variable"},e.cells[1]),a.createElement(w.Td,{dataLabel:"Value"},e.cells[2])),e.details?a.createElement(b.Tr,{isExpanded:e.isOpen},e.details.fullWidth?null:a.createElement(w.Td,null),a.createElement(w.Td,{dataLabel:"Selector",colSpan:5},e.details.data)):null)))))}}var P=n(71170),A=n(63907),D=n(12397),B=n(23759),W=n(74844),L=n(43922),z=n(41347),I=n(25590),F=n(75313),M=n(71666),U=n(39439),R=n(93374),H=n(88824),O=n(4195),V=n(53302),_=n(96085),G=n(13032),j=n(37222),$=n(73858),J=n(74726),q=n(36014),X=n(34192),Z=n(34488),K=n(88297),Q=n(36422),Y=n(77862);function ee(){return ee=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},ee.apply(this,arguments)}function te(e){return"js"===e?G.S.javascript:"ts"===e?G.S.typescript:e}const ne=({fullscreenLink:e,codeBoxParams:t,lang:n,isFullscreen:i,originalCode:o,code:s,setCode:l,exampleTitle:r})=>{const[c,p]=a.useState(!1),[d,m]=a.useState(!1),u=`Toggle ${n.toUpperCase()} code`,x=`Copy ${r} example code to clipboard`,h=`Toggle ${n.toUpperCase()} code in ${r} example`,g=`Open ${r} example in CodeSandbox`,b=`Open ${r} example in new window`,f=`Convert ${r} example from Typescript to JavaScript`,y=`Undo all changes to ${r}`,w={className:"ws-code-editor-control"},v={exitDelay:300,maxWidth:"var(--ws-code-editor--tooltip--MaxWidth)"},C=a.createElement(a.Fragment,null,a.createElement(j.k,ee({icon:a.createElement(a.Fragment,null,a.createElement(Z.ZP,null)," "+n.toUpperCase()),onClick:()=>{p(!c),(0,Y.trackEvent)("code_editor_control_click","click_event","TOGGLE_CODE",c?0:1)},tooltipProps:{content:u,...v},"aria-label":h,"aria-expanded":c},w)),a.createElement(W.u,{content:a.createElement("div",null,d?"Code copied":"Copy code to clipboard"),maxWidth:w.maxWidth,exitDelay:d?"300":1600,onTooltipHidden:()=>m(!1)},a.createElement(L.zx,{onClick:()=>{(0,Y.copy)(s),m(!0),(0,Y.trackEvent)("code_editor_control_click","click_event","COPY_CODE")},variant:"plain","aria-label":x,className:w.className},a.createElement(X.ZP,null))),t&&a.createElement(_.l,{"aria-label":`${g} form`,action:"https://codesandbox.io/api/v1/sandboxes/define",method:"POST",target:"_blank",style:{display:"inline-block"}},a.createElement(W.u,{content:"Open example in CodeSandbox",maxWidth:w.maxWidth},a.createElement(L.zx,{"aria-label":g,variant:"plain",type:"submit",onClick:()=>{(0,Y.trackEvent)("code_editor_control_click","click_event","CODESANDBOX_LINK")},className:w.className},a.createElement(q.ZP,null))),a.createElement("input",{type:"hidden",name:"parameters",value:t})),e&&a.createElement(j.k,ee({component:"a",icon:a.createElement(J.ZP,null),href:e,target:"_blank",rel:"noopener noreferrer","aria-label":b,tooltipProps:{content:"Open example in new window",...v},onClick:()=>{(0,Y.trackEvent)("code_editor_control_click","click_event","FULLSCREEN_LINK")}},w)),c&&"ts"===n&&a.createElement(j.k,ee({icon:a.createElement(a.Fragment,null,"TS ",a.createElement(K.ZP,null)," JS"),"aria-label":f,tooltipProps:{content:"Convert example from Typescript to JavaScript",...v},onClick:()=>{l((0,$.convertToJSX)(s).code),(0,Y.trackEvent)("code_editor_control_click","click_event","TS_TO_JS")}},w)),s!==o&&a.createElement(j.k,ee({icon:a.createElement(Q.ZP,null),"aria-label":y,tooltipProps:{content:"Undo all changes",...v},onClick:()=>{l(o),(0,Y.trackEvent)("code_editor_control_click","click_event","RESET_CODE")}},w)));return a.createElement(G.p,{customControls:C,showEditor:c,language:te(n),height:"400px",code:s,onChange:e=>l(e),onEditorDidMount:(e,t)=>{t.languages.typescript.typescriptDefaults.setCompilerOptions({jsx:!0,...t.languages.typescript.typescriptDefaults.getCompilerOptions()}),t.languages.typescript.typescriptDefaults.setDiagnosticsOptions({noSemanticValidation:!0,noSyntaxValidation:!0,noSuggestionDiagnostics:!0,onlyVisible:!0})},isReadOnly:i,className:(c?"ws-example-code-expanded ":"")+"ws-code-editor",isHeaderPlain:!0})};var ae=n(50061),ie=n.n(ae),oe=n(54871);const se=e=>a.createElement("pre",null,e.toString());class le extends a.Component{constructor(e){super(e),this.state={error:null,errorInfo:null}}componentDidCatch(e,t){t._suppressLogging=!0,this.setState({error:e,errorInfo:t})}componentDidUpdate(e){e.children!==this.props.children&&this.setState({error:null,errorInfo:null})}render(){return this.state.errorInfo?se(this.state.error):this.props.children}}

1const re=({code:e,lang:t="",source:n,noLive:o=!Y.liveCodeTypes.includes(t),title:s="Untitled",isFullscreen:l,isFullscreenPreview:r,thumbnail:c=ie(),isDemo:m,isBeta:u,isDeprecated:h,id:g,section:b,liveContext:f,children:y,hasDarkThemeSwitcher:w=!0,hasRTLSwitcher:v=!1,relativeImports:C,relPath:S="",sourceLink:k=""})=>{r&&(l=!1);const E=()=>document.body.classList.add("page-loaded");if((0,a.useEffect)((()=>{if(r)return"complete"===document.readyState?E():window.addEventListener("load",E),()=>window.removeEventListener("load",E)}),[]),!t)return a.createElement("code",{className:"ws-code"},e);if(o)return a.createElement(A.d,null,a.createElement(D.B,null,e));const[T,N]=a.useState(e),_=(0,P.TH)(),G=(0,a.useContext)(oe.RR),j={...f,...M,...H,..."react-next"===n?U:{},..."react-deprecated"===n?{...R,...O}:{}};let J=null;if("html"===t)J=a.createElement("div",{className:(0,p.css)("ws-preview-html",r&&"pf-v6-u-h-100"),dangerouslySetInnerHTML:{__html:T}});else try{const{code:e,hasTS:n}=(0,$.convertToReactComponent)(T);t=n?"ts":"js";const i=Object.keys(j),o=Object.values(j),s=new Function("React",...i,e)(a,...o);J=a.createElement(le,null,a.createElement(s,null))}catch(e){J=se(e)}const q=(0,Y.getExampleId)(n,b[0],g,s),X=(0,Y.getExampleClassName)(n,b[0],g);if(r)return a.createElement("div",{id:q,className:(0,p.css)(X,"pf-v6-u-h-100")},J,(w||v)&&a.createElement(i.k,{direction:{default:"column"},gap:{default:"gapLg"},className:"ws-full-page-utils pf-v6-m-dir-ltr "},w&&a.createElement(B.r,{id:"ws-example-theme-switch",label:"Dark theme",defaultChecked:!1,onChange:()=>document.querySelector("html").classList.toggle("pf-v6-theme-dark")}),v&&a.createElement(B.r,{id:"ws-example-rtl-switch",label:"RTL",defaultChecked:!1,onChange:()=>{const e=document.querySelector("html"),t=e.dir;e.dir="rtl"!==t?"rtl":"ltr"}})));const Z=(0,V.Z)("html"===t?(0,Y.getStaticParams)(s,T):(0,Y.getReactParams)(s,T,j,t,C,S,k)),K=_.pathname.replace(/\/$/,"")+(_.pathname.endsWith(n)?"":`/${n}`)+"/"+(0,Y.slugger)(s),Q=u||m||h||!1,ee=a.createElement(a.Fragment,null,u&&a.createElement(W.u,{content:"This beta component is currently under review and is still open for further evolution."},a.createElement(L.zx,{variant:"plain",hasNoPadding:!0},a.createElement(z._,{isCompact:!0,color:"blue"},"Beta"))),m&&a.createElement(W.u,{content:"Demos show how multiple components can be used in a single design."},a.createElement(L.zx,{variant:"plain",hasNoPadding:!0},a.createElement(z._,{isCompact:!0,color:"purple"},"Demo"))),h&&a.createElement(W.u,{content:"Deprecated components are available for use but are no longer being maintained or enhanced."},a.createElement(L.zx,{variant:"plain",hasNoPadding:!0},a.createElement(z._,{isCompact:!0,color:"grey"},"Deprecated")))),te=Q&ⅇreturn a.createElement(I.K,{hasGutter:!0},a.createElement(F.v,null,a.createElement(d,{metaText:te,headingLevel:"h3"},s),y),a.createElement(F.v,null,l?a.createElement("div",null,a.createElement("a",{className:"ws-preview__thumbnail-link",href:K,target:"_blank","aria-label":`Open fullscreen ${s} example`},a.createElement("img",{src:c.src,width:c.width,height:c.height,alt:`${s} screenshot`}))):a.createElement("div",{id:q,className:(0,p.css)(X,G&&"pf-v6-m-dir-rtl")},J)),a.createElement(F.v,null,a.createElement(ne,{lang:t,isFullscreen:l,fullscreenLink:K,originalCode:e,code:T,setCode:(0,x.Ds)(N,300),codeBoxParams:Z,exampleTitle:s})))};var ce=n(70006),pe=n(85313),de=n(97169),me=n(96992),ue=n(79828),xe=n.n(ue),he=n(24119),ge=n.n(he);const be=({isDarkTheme:e})=>a.createElement(a.Fragment,null,a.createElement(ce.NP,{key:"footer-1",className:"ws-org-pfsite-l-footer",component:"footer"},a.createElement(pe.r,null,a.createElement(de.P,{sm:12,md:6,mdOffset:1,className:"pf-v6-u-mb-lg pf-v6-u-mb-0-on-sm"},a.createElement(pe.r,{className:"pf-v6-u-py-xl"},a.createElement(de.P,{sm:6,md:4,className:"pf-v6-u-ml-md pf-v6-u-ml-0-on-md pf-v6-u-mb-xl pf-v6-u-mb-0-on-md"},a.createElement("p",{className:"ws-org-pfsite-footer-menu-list-title"},"What's new"),a.createElement("nav",{"aria-label":"Quick Links"},a.createElement(m.aV,{isPlain:!0,className:"ws-org-pfsite-footer-menu-list"},a.createElement(u.H,{className:"ws-org-pfsite-footer-menu-list-item"},a.createElement(r.r,{className:"ws-org-pfsite-footer-menu-link",to:"/get-started/upgrade","aria-label":"Latest PatternFly upgrade guide"},"Upgrade")),a.createElement(u.H,{className:"ws-org-pfsite-footer-menu-list-item"},a.createElement(r.r,{className:"ws-org-pfsite-footer-menu-link",to:"/get-started/release-highlights/","aria-label":"PatternFly release highlights"},"Releases")),a.createElement(u.H,{className:"ws-org-pfsite-footer-menu-list-item"},a.createElement(r.r,{className:"ws-org-pfsite-footer-menu-link",to:"/patternfly-ai/about-

1ai","aria-label":"PatternFly's new AI resources"},"PatternFly AI")),a.createElement(u.H,{className:"ws-org-pfsite-footer-menu-list-item"},a.createElement(r.r,{className:"ws-org-pfsite-footer-menu-link",to:"/tokens/about-tokens","aria-label":"PatternFly's new token system"},"Tokens"))))),a.createElement(de.P,{sm:6,md:4,className:"pf-v6-u-mt-lg pf-v6-u-mt-0-on-sm pf-v6-u-ml-md pf-v6-u-ml-0-on-md pf-v6-u-mb-xl pf-v6-u-mb-0-on-md"},a.createElement("p",{className:"ws-org-pfsite-footer-menu-list-title"},"Contribute"),a.createElement("nav",{"aria-label":"Contribute"},a.createElement(m.aV,{isPlain:!0,className:"ws-org-pfsite-footer-menu-list"},a.createElement(u.H,{className:"ws-org-pfsite-footer-menu-list-item"},a.createElement(r.r,{className:"ws-org-pfsite-footer-menu-link",to:"/get-started/about-patternfly","aria-label":"Learn about PatternFly"},"About PatternFly")),a.createElement(u.H,{className:"ws-org-pfsite-footer-menu-list-item"},a.createElement(r.r,{className:"ws-org-pfsite-footer-menu-link",to:"https://github.com/patternfly/patternfly/blob/main/CODE_OF_CONDUCT.md","aria-label":"Our code of conduct for contributions"},"Code of conduct")),a.createElement(u.H,{className:"ws-org-pfsite-footer-menu-list-item"},a.createElement(r.r,{className:"ws-org-pfsite-footer-menu-link",to:"/get-started/contribute","aria-label":"Learn how to contribute to PatternFly"},"Contribute"))))),a.createElement(de.P,{sm:6,md:4,className:"pf-v6-u-mt-lg pf-v6-u-mt-0-on-md pf-v6-u-ml-md pf-v6-u-ml-0-on-md"},a.createElement("p",{className:"ws-org-pfsite-footer-menu-list-title"},"Community"),a.createElement("nav",{"aria-label":"Stay in touch"},a.createElement(m.aV,{isPlain:!0,className:"ws-org-pfsite-footer-menu-list"},a.createElement(u.H,{className:"ws-org-pfsite-footer-menu-list-item"},a.createElement(r.r,{className:"ws-org-pfsite-footer-menu-link",to:"//join.slack.com/t/patternfly/shared_invite/zt-1npmqswgk-bF2R1E2rglV8jz5DNTezMQ",target:"top","aria-label":"Join the PatternFly Slack"},"Slack")),a.createElement(u.H,{className:"ws-org-pfsite-footer-menu-list-item"},a.createElement(r.r,{className:"ws-org-pfsite-footer-menu-link",to:"//medium.com/patternfly",target:"top","aria-label":"Read the PatternFly blog"},"Blog")),a.createElement(u.H,{className:"ws-org-pfsite-footer-menu-list-item"},a.createElement(r.r,{className:"ws-org-pfsite-footer-menu-link",to:"https://www.redhat.com/dynamic-form/instance/934b1674-bc8a-4a13-8c9d-d19abcceb263",target:"top","aria-label":"Join the PatternFly mailing list"},"Mailing list")),a.createElement(u.H,{className:"ws-org-pfsite-footer-menu-list-item"},a.createElement(r.r,{className:"ws-org-pfsite-footer-menu-link",to:"https://calendar.google.com/calendar/embed?src=patternflyteam%40gmail.com&ctz=America%2FNew_York","aria-label":"Join PatternFly meetings"},"Calendar")),a.createElement(u.H,{className:"ws-org-pfsite-footer-menu-list-item"},a.createElement(r.r,{className:"ws-org-pfsite-footer-menu-link",to:"//github.com/orgs/patternfly/discussions",target:"top","aria-label":"Visit the PatternFly discussion forum"},"Discussions"))))))),a.createElement(de.P,{sm:12,md:4},a.createElement(pe.r,{className:"pf-v6-u-pt-xl pf-v6-u-pb-xl ws-org-pfsite-l-footer-column"},a.createElement(de.P,null,a.createElement(r.r,{className:"pf-v6-c-page__header-brand-link pf-v6-c-brand ws-org-pfsite-footer-menu-about-logo pf-v6-u-pb-md",to:"/"},a.createElement("svg",{height:"40px",viewBox:"0 0 679 158"},a.createElement("title",null,"PatternFly"),a.createElement("defs",null,a.createElement("linearGradient",{x1:"68%",y1:"2.25860997e-13%",x2:"32%",y2:"100%",id:"linearGradient-website-masthead"},a.createElement("stop",{stopColor:"#2B9AF3",offset:"0%"}),a.createElement("stop",{stopColor:"#73BCF7",stopOpacity:"0.502212631",offset:"100%"}))),a.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},a.createElement("g",{transform:"translate(206.000000, 45.750000)",fill:"var(--pf-t--global--text--color--regular)",fillRule:"nonzero"},a.createElement("path",{d:"M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"}),a.createElement("path",{d:"M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 

1C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"}),a.createElement("path",{d:"M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"}),a.createElement("path",{d:"M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"}),a.createElement("path",{d:"M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,

163.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"}),a.createElement("path",{d:"M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"}),a.createElement("path",{d:"M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"}),a.createElement("polygon",{points:"342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"}),a.createElement("polygon",{points:"399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"}),a.createElement("path",{d:"M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"})),a.createElement("g",{transform:"translate(0.000000, 0.000000)"},a.createElement("path",{d:"M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z",fill:"var(--pf-t--color--blue--50)"}),a.createElement("path",{d:"M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z",fill:"url(#linearGradient-website-masthead)"}),a.createElement("path",{d:"M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z",fill:"url(#linearGradient-website-masthead)",transform:"translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "}))))),a.createElement(s.V,{component:"p",className:"ws-org-pfsite-footer-menu-about-description",isEditorial:!0},"PatternFly is an open source design system built to drive consistency and unify teams. From documentation and components to code examples and tutorials, PatternFly is a place where design and development can thrive. We’re on a mission to help teams build consistent, accessible, and scalable enterprise product experiences—the open source way.")),a.createElement(de.P,{className:"ws-org-pfsite-footer-menu-social-links"},a.createElement(r.r,{to:"//github.com/patternfly",target:"top","aria-label":"Link to PatternFly GitHub page"},a.createElement(me.ET,null)),a.createElement(r.r,{to:"//x.com/patternfly",target:"top","aria-label":"Link to PatternFly X page"},a.createElement("svg",{className:"pf-v6-svg",viewBox:"0 0 512 512",fill:"currentColor","aria-hidden":"true",role:"img",width:"1em",height:"1em"},a.createElement("path",{d:"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"})))))))),a.createElement(ce.NP,{key:"footer-2",className:"ws-org-pfsite-l-footer-dark pf-m-no-fill"},a.createElement(pe.r,{hasGutter:!0,className:"pf-v6-u-py-xl-on-sm pf-v6-u-py-0-on-md pf-v6-u-align-items-center"},a.createElement(de.P,{md:2,mdOffset:1},a.createElement(r.r,{to:"//www.redhat.com",target:"top"},a.createElement("img",{src:e?xe():ge(),alt:"Red Hat",width:"145px",height:"613px"}))),a.createElement(de.P,{md:3,lg:3,xl:2},a.createElement("span",{className:"ws-org-pfsite-site-copyright"},"Copyright © 2014-",(new Date).getFullYear()," Red Hat, Inc.")),a.createElement(de.P,{md:5,lg:5,className:"pf-v6-u-ml-xl-on-xl"},a.createElement(r.r,{to:"//www.redhat.com/en/about/privacy-policy",target:"top","aria-label":"Privacy statement"},"Privacy statement"),a.createElement(r.r,{to:"//www.redhat.com/en/about/terms-use",target:"top","aria-label":"Terms of use"},"Terms of use"),a.createElement(r.r,{to:"//www.redhat.com/en/about/all-policies-guidelines",target:"top","aria-label":"All policies and guidelines"},"All policies and guidelines")))));var fe=n(34457),ye=n(72893),we=n(73668),ve=n(92693);const Ce=()=>{const e="undefined"!=typeof window&&window.localStorage&&!localStorage.getItem("gdpr-banner-closed"),[t,n]=a.useState(e);return t?a.createElement(i.k,{className:"ws-gdpr-banner-container"},a.createElement(fe.s,{variant:"bordered",className:"pf-m-raised",id:"ws-gdpr-banner"},a.createElement(ye.c,null,a.createElement(we.C,null,a.createElement(i.k,{flexWrap:{default:"nowrap"},alignItems:{default:"alignItemsFlexStart"}},a.createElement(o.B,{className:"pf-v6-u-ml-xl"},"We use cookies on our websites to deliver our online services. Details about how we use cookies and how you may disable them are set out in our ",a.createElement("a",{href:"//www.redhat.com/en/about/privacy-policy"},"Privacy Statement"),". By using this website you agree to our use of cookies."),a.createElement(o.B,null,a.createElement(L.zx,{variant:"plain","aria-label":"Close banner",onClick:()=>{localStorage.setItem("gdpr-banner-closed","true"),n(!1)}},a.createElement(ve.ZP,null)))))))):null};var Se=n(30540),ke=n(46200);const Ee=({type:e,allPropComponents:t})=>{const n=t.filter((t=>e.match(new RegExp(`\\b${t.name}\\b`)))).map((e=>e.name));return n.length>0?a.createElement(a.Fragment,null,e.split(new RegExp(`\\b(${n.join("|")})\\b`)).map(((e,t)=>n.includes(e)?a.createElement("a",{key:e+t,onClick:t=>{t.preventDefault(),document.getElementById((0,c.slugger)(e)).scrollIntoView()}},e):e))):e};var Te=n(90953);const Ne=({title:e,description:t,rows:n,allPropComponents:i})=>a.createElement(a.Fragment,null,a.createElement(d,{headingLevel:"h3"},e),a.createElement(h.i,{className:"pf-v6-u-mt-md pf-v6-u-mb-lg",variant:"compact","aria-label":e,gridBreakPoint:"grid-lg"},a.createElement(Se.Y,null,t&&a.createElement("div",{className:"pf-v6-u-mb-md"},t),a.createElement("div",null,a.createElement("span",{className:"ws-prop-required"},"*"),"required")),a.createElement(g.h,null,a.createElement(b.Tr,null,a.createElement(f.Th,{width:20},"Name"),a.createElement(f.Th,{width:20},"Type"),a.createElement(f.Th,null,"Default"),a.createElement(f.Th,null,"Description"))),a.createElement(y.p,null,n.sort(((e,t)=>e.required===t.required?0:e.required?-1:1)).map(((e,t)=>a.createElement(b.Tr,{key:t},a.createElement(w.Td,null,a.createElement(ke.cE,{wrapModifier:"breakWord"},e.deprecated&&"Deprecated: ",e.name,e.required?a.createElement(a.Fragment,{key:`${e.name}-required-prop`},a.createElement("span",{"aria-hidden":"true",key:`${e.name}-asterisk`,className:"ws-prop-required"},"*"),a.createElement("span",{key:`${e.name}-required`,className:(0,p.css)(Te.Z.screenReader)},"required")):"",e.beta&&a.createElement(a.Fragment,null," ",a.createElement(z._,{key:`${e.name}-${t}`,color:"blue",isCompact:!0},"Beta")))),a.createElement(w.Td,null,a.createElement(ke.cE,{wrapModifier:"breakWord"},a.createElement(Ee,{type:e.type,allPropComponents:i}))),a.createElement(w.Td,null,a.createElement(ke.cE,{wrapModifier:"breakWord"},e.defaultValue)),a.createElement(w.Td,null,a.createElement(ke.cE,{wrapModifier:"breakWord"},e.description))))))));

1var Pe=n(15446),Ae=n(99778),De=n(61665),Be=n(43301),We=n(51176);const Le=({text:e,href:t,isDeprecated:n,isBeta:s,isDemo:l})=>{const c=window.innerWidth<Number.parseInt(We.Z.value,10);return a.createElement(Pe.wk,{key:t+e},(({onSidebarToggle:d,isSidebarOpen:m})=>a.createElement("li",{key:t+e,className:"pf-v6-c-nav__item",onClick:()=>c&&d&&d()},a.createElement(r.r,{to:t,getProps:({isCurrent:e,href:t,location:n})=>{const{pathname:a}=n;return{className:(0,p.css)("pf-v6-c-nav__link",(e||a.startsWith(t+"/"))&&"pf-m-current")}},tabIndex:m?void 0:-1},a.createElement(i.k,{spaceItems:{default:"spaceItemsSm"}},a.createElement(o.B,null,e),(s||l||n)&&a.createElement(o.B,null,s&&a.createElement(z._,{color:"blue",isCompact:!0},"Beta"),!s&&n&&a.createElement(z._,{color:"grey",isCompact:!0},"Deprecated"),!s&&!n&&l&&a.createElement(z._,{color:"purple",isCompact:!0},"Demo")))))))},ze=({groupedRoutes:e,location:t,section:n,subsection:i=null})=>{const o=((e,t,n=null)=>{const a=(0,Y.makeSlug)(null,t,null,null,n);return e.pathname.startsWith(a)})(t,n,i),s=i,l=s?e[n][i]:e[n],r=s?i:n,c=s?`${n}/${i}`:n;return a.createElement(Ae.F,{title:(0,x.kC)(r.replace(/-/g," ")),key:(0,x.kC)(r.replace(/-/g," ")),isActive:o,isExpanded:o,onClick:e=>{if(e.stopPropagation(),!e.target.href){const t=e.currentTarget.classList.contains("pf-m-expanded");(0,Y.trackEvent)("sidenav_section_click","click_event",c,t?0:1)}}},Object.entries(l||{}).filter((([e,t])=>!Boolean(t.hideNavItem)&&Object.entries(t).length>0)).map((([e,{slug:t,isSubsection:n=!1,sortValue:a=50,subsectionSortValue:i=50,sources:o}])=>({text:e,href:t,isSubsection:n,sortValue:n?i:a,sources:o}))).sort((({text:e,sortValue:t},{text:n,sortValue:a})=>t===a?e.localeCompare(n):t>a?1:-1)).map((a=>a.isSubsection?ze({groupedRoutes:e,location:t,section:n,subsection:a.text}):Le({...a,isDeprecated:a.href?.includes("components")&&a.sources.some((e=>("react-deprecated"===e.source||"html-deprecated"===e.source)&&!a.sources.some((e=>"react"===e.source||"html"===e.source)))),isBeta:a.sources.some((e=>e.beta&&"react-next"!==e.source&&"react-templates"!==e.source)),isDemo:a.sources.some((e=>("react-demos"===e.source||"html-demos"===e.source)&&!a.sources.some((e=>"react"===e.source||"html"===e.source))))}))))},Ie=({groupedRoutes:e={},navItems:t=[]})=>(a.useEffect((()=>{if("undefined"==typeof window)return;const e=document.getElementById("page-sidebar");if(!e)return;const t=e.getElementsByClassName("pf-m-current");if(t.length>0){t[t.length-1].scrollIntoView({block:"center"})}}),[]),a.createElement(De.JL,{"aria-label":"Side Nav",theme:"light"},a.createElement(Be.$,{className:"ws-side-nav-list"},t.map((({section:t,text:n,href:i})=>t?a.createElement(P.Ye,{key:t},(({location:n})=>ze({groupedRoutes:e,location:n,section:t}))):Le({text:n||(0,x.kC)(i.replace(/\//g,"").replace(/-/g," ")),href:i}))))));var Fe=n(97335);const Me=({navItems:e})=>a.createElement(P.Ye,null,(({location:t})=>a.createElement(De.JL,{"aria-label":"Patternfly top nav",variant:"horizontal"},a.createElement(Be.$,null,e.map((({path:e,text:n})=>a.createElement(Fe.L,{key:e,isActive:t.pathname.includes(e)},a.createElement(r.r,{className:"ws-top-nav-link",to:e},n))))))));var Ue=n(65921),Re=n(66234),He=n(4534);const Oe=({items:e})=>{const[t,n]=a.useState(window.innerWidth),[i,o]=a.useState(0);a.useEffect((()=>{document.getElementById("ws-sticky-nav-tabs")&&o(document.getElementById("ws-sticky-nav-tabs").offsetHeight)}),[]);const s=()=>{const{innerWidth:e}=window;e!==t&&n(e)};let l=[],r=!1;return a.createElement(He.P,{label:"Table of contents",isVertical:!0,scrollableSelector:"#ws-page-main",className:"ws-toc",style:{to

1p:i},offset:t>1450?108+i:148+i,expandable:{default:"expandable","2xl":"nonExpandable"}},(e.forEach(((t,n)=>{let i=e[n+1];r?r=!1:!Array.isArray(i)&&Array.isArray(t)?t.map((e=>l.push(a.createElement(Re.d,{key:e.id,href:`#${e.id}`,className:"ws-toc-item",onKeyDown:s,onMouseDown:s,onClick:()=>(0,Y.trackEvent)("jump_link_click","click_event",e.id.toUpperCase())},e.text)))):l.push(a.createElement(Re.d,{key:t.id,href:`#${t.id}`,className:"ws-toc-item",onKeyDown:s,onMouseDown:s,onClick:()=>(0,Y.trackEvent)("jump_link_click","click_event",t.id.toUpperCase())},Array.isArray(i)?((e,t)=>(r=!0,a.createElement(a.Fragment,null,e.text,a.createElement(Ue.U,null,t.map((e=>a.createElement(Re.d,{key:e.id,href:`#${e.id}`,className:"ws-toc-item",onKeyDown:s,onMouseDown:s,onClick:()=>(0,Y.trackEvent)("jump_link_click","click_event",e.id.toUpperCase())},e.text)))))))(t,i):t.text))})),l))};var Ve=n(70184);const _e=({title:e,variant:t="info",children:n})=>a.createElement(Ve.b,{variant:t,title:e,className:"pf-v6-u-my-md",style:{marginBottom:"1rem"},isInline:!0,component:"h2"},n)},15452:(e,t,n)=>{"use strict";n.d(t,{r:()=>r});var a=n(2784),i=n(71170),o=n(93696);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},s.apply(this,arguments)}const l=(Promise.any||function(e){return new Promise((function(t,n,a,i){a=[],i=e.map((function(e,o){return Promise.resolve(e).then(t,(function(e){return a[o]=e,--i||n({errors:a})}))})).length}))}

1).bind(Promise),r=({href:e,to:t,onMouseOver:n=(()=>{}),onClick:r,...c})=>{let p,d=e||t||"";if(d.startsWith("#")&&!r&&(r=e=>{e.preventDefault();const t=document.getElementById(d.replace("#",""));t&&t.scrollIntoView(),history.pushState({},"",d)}),d.includes("//")||d.startsWith("#"))return a.createElement("a",s({href:d,onClick:r},c));if(d.startsWith("/")){const e=(0,o.getAsyncComponent)(d);e&&(c.onMouseOver=()=>{p=e.preload(),n()},c.onClick=e=>{e.ctrlKey||e.metaKey||(e.preventDefault(),"undefined"!=typeof window&&d!==location.pathname&&l([p,new Promise((e=>setTimeout(e,500)))]).then((()=>(0,i.c4)(d))).then((()=>{document.querySelector("#ws-page-main").scrollTo({top:0})})))})}return a.createElement(i.rU,s({to:d},c))}},45355:(e,t,n)=>{const a=n(2784),i={};e.exports={asyncComponentFactory:function(e,t){const{Component:n}=t;class o extends a.Component{state={isLoaded:!1};static preload(){return n().then((t=>(i[e]=t.default,t.default)))}static getPageData(){return i[e]?i[e].pageData:{}}render(){return i[e]?a.createElement(i[e]):(o.preload().then((()=>this.setState({isLoaded:!0}))),a.createElement("div",{style:{height:"100vh"}},"Loading..."))}}return o.displayName=e.replace(/\//g,"."),o}}},40118:e=>{e.exports={capitalize:function(e){return e[0].toUpperCase()+e.substring(1)}}},24414:(e,t,n)=>{const{parse:a}=n(73858),i=n(51818),o=n(31292),{capitalize:s}=n(40118),l=["ClassDeclaration","FunctionDeclaration","ExpressionStatement","VariableDeclaration"];function r(e){e=e.replace(/export\s+default\s+/g,"").replace(/export\s+/g,"");const{body:t}=a(e),n=t[t.length-1];if(l.includes(n.type))return n}function c(e){return s(e.replace(/^[^A-Za-z]/,"").replace(/\s+([a-z])?/g,((e,t)=>

1t?s(t):"")).replace(/[^A-Za-z0-9_]/g,""))}function p(e,t,n,a){const i=a||c(e),o=t.substring(n.start,n.end);return a?t.replace(o,`const ${o}`):o.includes("\n")?t.replace(o,`const ${i} = () => (\n  ${o.replace(/\n/g,"\n  ").replace(/;[ \t]*$/,"")}\n)`):t.replace(o,`const ${i} = () => ${o}`)}e.exports={getReactParams:function(e,t,n,a,s,l,d){let m=null;try{let n=r(t);"ExpressionStatement"===n.type?n.expression.left?"AssignmentExpression"===n.expression.type&&(t=p(e,t,n,n.expression.left.name),m=n.expression.left.name):(t=p(e,t,n),m=c(e)):"VariableDeclaration"===n.type?m=n.declarations[0].id.name:n.id&&(m=n.id.name)}catch(e){}if(l.includes("@patternfly")){const e=/(import \W*(\w*)\W*[^'"`]*['"`](.*\.(?:png|jpe?g|webp|gif|svg))['"])/gm;let n;for(;n=e.exec(t);){const[e,a,i,o]=n,s=`const ${i} = "${new URL(o,d.replace("/blob/","/raw/")).href}"`;t=t.replace(a,s)}}if(s?.length>0){const e=s.split(";,").join(";\n");t=`${e}\n${t}`}const u=/(import [^'"]*)['"](?:[\.\/]+(?:node_modules\/)?)(@?(?:(?!\.svg|\.jpe?g|\.png).)+)['"][;?]/gm;let x;for(;x=u.exec(t);){const[e,n,a]=x;t=t.replace(e,"")}const h={"@patternfly/react-core":i.Releases[0].versions["@patternfly/react-core"]};"ts"===a&&(h["@babel/runtime"]="latest"),Object.entries(i.Releases[0].versions).filter((([e])=>t.includes(e))).forEach((([e,t])=>h[e]=t));const g=/(?:import [^'"`]*)(?:['"`])((?!.\/)[^'"`]*)/gm;let b;for(;b=g.exec(t);){let e=b[1];if(!h[e]&&e.includes("@")&&e.includes("/")){const t=e.split("/");e=`${t[0]}/${t[1]}`}h[e]=h[e]||"latest"}return h.hasOwnProperty("@patternfly/react-charts")&&(h.victory="latest"),{files:{"index.html":{content:`<!DOCTYPE html>\n<html lang="en">\n  <head>\n    <meta charset="utf-8" />\n    <meta name="viewport" content="width=device-width, initial-scale=1" />\n    <title>PatternFly-React ${e} CodeSandbox Example</title>\n  </head>\n<body>\n  <noscript>\n    You need to enable JavaScript to run this app.\n  </noscript>\n  <div id="root" style="height:100%"></div>\n</body>\n</html>`},["ts"===a?"index.tsx":"index.js"]:{content:`import { createRoot } from "react-dom/client";\nimport "@patternfly/react-core/dist/styles/base.css";\nimport './fonts.css';\n\n${t}\n\nconst container = document.getElementById("root");\ncreateRoot(container).render(<${m} />);`},"fonts.css":{content:o},"package.json":{content:{dependencies:{...h,react:"^18","react-dom":"^18"}}},"sandbox.config.json":{content:{template:"ts"===a?"create-react-app-typescript":"create-react-app"}}}}},getStaticParams:(e,t)=>{const n=/['"](\/assets\/images\/.*)['"]/g;let a;for(;a=n.exec(t);){const e=a[1];t=t.replace(e,`https://www.patternfly.org${e}`)}return{files:{"index.html":{content:`\n          <!DOCTYPE html>\n          <html lang="en">\n            <head>\n              <meta charset="utf-8" />\n              <meta name="viewport" content="width=device-width, initial-scale=1" />\n              <link rel="stylesheet" href="fonts.css" />\n              \x3c!-- Include latest PatternFly CSS via CDN --\x3e\n              <link \n                rel="stylesheet" \n                href="https://unpkg.com/@patternfly/patternfly/patternfly.css" \n                crossorigin="anonymous"\n              >\n              <link rel="stylesheet" href="style.css" />\n              <title>PatternFly ${e} CodeSandbox Example</title>\n            </head>\n            <body>\n              ${t}\n            </body>\n          </html>\n        `},"package.json":{content:{}},"style.css":{content:""},"fonts.css":{content:o},"sandbox.config.json":{content:{template:"static"}}},template:"static"}},getExampleDeclaration:r,prettyExampleCode:p}},45185:(e,t,n)=>{"use strict";n.d(t,{J:()=>a});const a=e=>{navigator.clipboard.writeText(e)}},86535:(e,t,n)=>{const{slugger:a}=n(51782);e.exports={getExampleClassName:function(e,t,n){return"html"===e&&(e="core"),a(`ws-${e}-${t}-${n}`)},getExampleId:function(e,t,n,i){return"html"===e&&(e="core"),a(`ws-${e}-${t}-${n}-${i}`)}}},31292:e=>{e.exports='@font-face {\n  font-family: "overpass";\n  font-style: normal;\n  font-weight: 200;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-thin.eot");\n  /* IE9 Compat Modes */\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-thin.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-thin.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-thin.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-thin.ttf") format("truetype");\n  /* Safari, Android, iOS */\n}\n\n@font-face {\n  font-family: "overpass";\n  font-style: italic;\n  font-weight: 200;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-thin-italic.eot");\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-thin-italic.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-thin-italic.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-thin-italic.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-thin-italic.ttf") format("truetype");\n}\n\n@font-face {\n  font-family: "overpass";\n  font-style: normal;\n  font-weight: 300;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extralight.eot");\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extralight.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extralight.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extralight.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extralight.ttf") format("truetype");\n}\n\n@font-face {\n  font-family: "overpass";\n  font-style: italic;\n  font-weight: 300;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extralight-italic.eot");\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extralight-italic.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extralight-italic.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extralight-italic.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extralight-italic.ttf") format("truetype");\n}\n\n@font-face {\n  font-family: "overpass";\n  font-style: normal;\n  font-weight: 400;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-light.eot");\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-light.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-light.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-light.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-light.ttf") format("truetype");\n}\n\n@font-face {\n  font-family: "overpass";\n  font-style: italic;\n  font-weight: 400;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-light-italic.eot");\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-light-italic.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-light-italic.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-light-italic.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-light-italic.ttf") format("truetype");\n}\n\n@font-face {\n  font-family: "overpass";\n  font-style: normal;\n  font-weight: 500;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-regular.eot");\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-regular.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-regular.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-regular.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-regular.ttf") format("truetype");\n}\n\n@font-face {\n  font-family: "overpass";\n  font-style: italic;\n  font-weight: 500;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-italic.eot");\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-italic.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-italic.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-italic.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-italic.ttf") format("truetype");\n}\n\n@font-face {\n  font-family: "overpass";\n  font-style: normal;\n  font-weight: 600;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-semibold.eot");\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-semibold.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-semibold.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-semibold.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-semibold.ttf") format("truetype");\n}\n\n@font-face {\n  font-family: "overpass";\n  font-style: italic;\n  font-weight: 600;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-semibold-italic.eot");\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-semibold-italic.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-semibold-italic.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-semibold-italic.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-semibold-italic.ttf") format("truetype");\n}\n\n@font-face {\n  font-family: "overpass";\n  font-style: normal;\n  font-weight: 700;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-bold.eot");\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-bold.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-bold.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-bold.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-bold.ttf") format("truetype");\n}\n\n@font-face {\n  font-family: "overpass";\n  font-style: italic;\n  font-weight: 700;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-bold-italic.eot");\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-bold-italic.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-bold-italic.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-bold-italic.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-bold-italic.ttf") format("truetype");\n}\n\n@font-face {\n  font-family: "overpass";\n  font-style: normal;\n  font-weight: 800;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extrabold.eot");\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extrabold.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extrabold.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extrabold.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extrabold.ttf") format("truetype");\n}\n\n@font-face {\n  font-family: "overpass";\n  font-style: italic;\n  font-weight: 800;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extrabold-italic.eot");\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extrabold-italic.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extrabold-italic.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extrabold-italic.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-extrabold-italic.ttf") format("truetype");\n}\n\n@font-face {\n  font-family: "overpass";\n  font-style: normal;\n  font-weight: 900;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-heavy.eot");\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-heavy.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-heavy.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-heavy.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-heavy.ttf") format("truetype");\n}\n\n@font-face {\n  font-family: "overpass";\n  font-style: italic;\n  font-weight: 900;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-heavy-italic.eot");\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-heavy-italic.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-heavy-italic.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-heavy-italic.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-webfont/overpass-heavy-italic.ttf") format("truetype");\n}\n\n@font-face {\n  font-family: "overpass-mono";\n  font-style: normal;\n  font-weight: 300;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-light.eot");\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-light.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patter

1nfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-light.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-light.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-light.ttf") format("truetype");\n}\n\n@font-face {\n  font-family: "overpass-mono";\n  font-style: normal;\n  font-weight: 400;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-regular.eot");\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-regular.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-regular.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-regular.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-regular.ttf") format("truetype");\n}\n\n@font-face {\n  font-family: "overpass-mono";\n  font-style: normal;\n  font-weight: 500;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-semibold.eot");\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-semibold.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-semibold.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-semibold.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-semibold.ttf") format("truetype");\n}\n\n@font-face {\n  font-family: "overpass-mono";\n  font-style: normal;\n  font-weight: 600;\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-bold.eot");\n  src: url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-bold.eot?#iefix") format("embedded-opentype"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-bold.woff2") format("woff2"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-bold.woff") format("woff"), url("https://unpkg.com/@patternfly/[email protected]/assets/fonts/overpass-mono-webfont/overpass-mono-bold.ttf") format("truetype");\n}\n'},42137:e=>{e.exports={getId:e=>e.toLowerCase().replace(/ /g,"-").replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,./:;<=>?@[\]^`{|}~]/g,"")}},67276:e=>{e.exports={getTitle:e=>"PatternFly"+(e?` • ${e}`:"")}},77862:(e,t,n)=>{"use strict";n.d(t,{copy:()=>o.J,trackEvent:()=>d.L});var a=n(40118);n.o(a,"capitalize")&&n.d(t,{capitalize:function(){return a.capitalize}}),n.o(a,"copy")&&n.d(t,{copy:function(){return a.copy}}),n.o(a,"getExampleClassName")&&n.d(t,{getExampleClassName:function(){return a.getExampleClassName}}),n.o(a,"getExampleId")&&n.d(t,{getExampleId:function(){return a.getExampleId}}),n.o(a,"getReactParams")&&n.d(t,{getReactParams:function(){return a.getReactParams}}),n.o(a,"getStaticParams")&&n.d(t,{getStaticParams:function(){return a.getStaticParams}}),n.o(a,"getTitle")&&n.d(t,{getTitle:function(){return a.getTitle}}),n.o(a,"liveCodeTypes")&&n.d(t,{liveCodeTypes:function(){return a.liveCodeTypes}}),n.o(a,"makeSlug")&&n.d(t,{makeSlug:function(){return a.makeSlug}}),n.o(a,"slugger")&&n.d(t,{slugger:function(){return a.slugger}}),n.o(a,"trackEvent")&&n.d(t,{trackEvent:function(){return a.trackEvent}});var i=n(24414);n.o(i,"capitalize")&&n.d(t,{capitalize:function(){return i.capitalize}}),n.o(i,"copy")&&n.d(t,{copy:function(){return i.copy}}),n.o(i,"getExampleClassName")&&n.d(t,{getExampleClassName:function(){return i.getExampleClassName}}),n.o(i,"getExampleId")&&n.d(t,{getExampleId:function(){return i.getExampleId}}),n.o(i,"getReactParams")&&n.d(t,{getReactParams:function(){return i.getReactParams}}),n.o(i,"getStaticParams")&&n.d(t,{getStaticParams:function(){return i.getStaticParams}}),n.o(i,"getTitle")&&n.d(t,{getTitle:function(){return i.getTitle}}),n.o(i,"liveCodeTypes")&&n.d(t,{liveCodeTypes:function(){return i.liveCodeTypes}}),n.o(i,"makeSlug")&&n.d(t,{makeSlug:function(){return i.makeSlug}}),n.o(i,"slugger")&&n.d(t,{slugger:function(){return i.slugger}}),n.o(i,"trackEvent")&&n.d(t,{trackEvent:function(){return i.trackEvent}});var o=n(45185),s=n(42137);n.o(s,"capitalize")&&n.d(t,{capitalize:function(){return s.capitalize}}),n.o(s,"getExampleClassName")&&n.d(t,{getExampleClassName:function(){return s.getExampleClassName}}),n.o(s,"getExampleId")&&n.d(t,{getExampleId:function(){return s.getExampleId}}),n.o(s,"getReactParams")&&n.d(t,{getReactParams:function(){return s.getReactParams}}),n.o(s,"getStaticParams")&&n.d(t,{getStaticParams:function(){return s.getStaticParams}}),n.o(s,"getTitle")&&n.d(t,{getTitle:function(){return s.getTitle}}),n.o(s,"liveCodeTypes")&&n.d(t,{liveCodeTypes:function(){return s.liveCodeTypes}}),n.o(s,"makeSlug")&&n.d(t,{makeSlug:function(){return s.makeSlug}}),n.o(s,"slugger")&&n.d(t,{slugger:function(){return s.slugger}}),n.o(s,"trackEvent")&&n.d(t,{trackEvent:function(){return s.trackEvent}});var l=n(51782);n.o(l,"capitalize")&&n.d(t,{capitalize:function(){return l.capitalize}}),n.o(l,"getExampleClassName")&&n.d(t,{getExampleClassName:function(){return l.getExampleClassName}}),n.o(l,"getExampleId")&&n.d(t,{getExampleId:function(){return l.getExampleId}}),n.o(l,"getReactParams")&&n.d(t,{getReactParams:function(){return l.getReactParams}}),n.o(l,"getStaticParams")&&n.d(t,{getStaticParams:function(){return l.getStaticParams}}),n.o(l,"getTitle")&&n.d(t,{getTitle:function(){return l.getTitle}}),n.o(l,"liveCodeTypes")&&n.d(t,{liveCodeTypes:function(){return l.liveCodeTypes}}),n.o(l,"makeSlug")&&n.d(t,{makeSlug:function(){return l.makeSlug}}),n.o(l,"slugger")&&n.d(t,{slugger:function(){return l.slugger}}),n.o(l,"trackEvent")&&n.d(t,{trackEvent:function(){return l.trackEvent}});var r=n(86535);n.o(r,"capitalize")&&n.d(t,{capitalize:function(){return r.capitalize}}),n.o(r,"getExampleClassName")&&n.d(t,{getExampleClassName:function(){return r.getExampleClassName}}),n.o(r,"getExampleId")&&n.d(t,{getExampleId:function(){return r.getExampleId}}),n.o(r,"getReactParams")&&n.d(t,{getReactParams:function(){return r.getReactParams}}),n.o(r,"getStaticParams")&&n.d(t,{getStaticParams:function(){return r.getStaticParams}}),n.o(r,"getTitle")&&n.d(t,{getTitle:function(){return r.getTitle}}),n.o(r,"liveCodeTypes")&&n.d(t,{liveCodeTypes:function(){return r.liveCodeTypes}}),n.o(r,"makeSlug")&&n.d(t,{makeSlug:function(){return r.makeSlug}}),n.o(r,"slugger")&&n.d(t,{slugger:function(){return r.slugger}}),n.o(r,"trackEvent")&&n.d(t,{trackEvent:function(){return r.trackEvent}});var c=n(67276);n.o(c,"capitalize")&&n.d(t,{capitalize:function(){return c.capitalize}}),n.o(c,"getExampleClassName")&&n.d(t,{getExampleClassName:function(){return c.getExampleClassName}}),n.o(c,"getExampleId")&&n.d(t,{getExampleId:function(){return c.getExampleId}}),n.o(c,"getReactParams")&&n.d(t,{getReactParams:function(){return c.getReactParams}}),n.o(c,"getStaticParams")&&n.d(t,{getStaticParams:function(){return c.getStaticParams}}),n.o(c,"getTitle")&&n.d(t,{getTitle:function(){return c.getTitle}}),n.o(c,"liveCodeTypes")&&n.d(t,{liveCodeTypes:function(){return c.liveCodeTypes}}),n.o(c,"makeSlug")&&n.d(t,{makeSlug:function(){return c.makeSlug}}),n.o(c,"slugger")&&n.d(t,{slugger:function(){return c.slugger}}),n.o(c,"trackEvent")&&n.d(t,{trackEvent:function(){return c.trackEvent}});var p=n(35716);n.o(p,"capitalize")&&n.d(t,{capitalize:function(){return p.capitalize}}),n.o(p,"getExampleClassName")&&n.d(t,{getExampleClassName:function(){return p.getExampleClassName}}),n.o(p,"getExampleId")&&n.d(t,{getExampleId:function(){return p.getExampleId}}),n.o(p,"getReactParams")&&n.d(t,{getReactParams:function(){return p.getReactParams}}),n.o(p,"getStaticParams")&&n.d(t,{getStaticParams:function(){return p.getStaticParams}}),n.o(p,"getTitle")&&n.d(t,{getTitle:function(){return p.getTitle}}),n.o(p,"liveCodeTypes")&&n.d(t,{liveCodeTypes:function(){return p.liveCodeTypes}}),n.o(p,"makeSlug")&&n.d(t,{makeSlug:function(){return p.makeSlug}}),n.o(p,"slugger")&&n.d(t,{slugger:function(){return p.slugger}}),n.o(p,"trackEvent")&&n.d(t,{trackEvent:function(){return p.trackEvent}});var d=n(83981)},35716:e=>{e.exports={liveCodeTypes:["js","ts","html"]}},51782:(e,t,n)=>{const a=n(2784),i=e=>a.Children.toArray(e).join("").toLowerCase().trim().replace(/index$/,"").replace(/\s/g,"-").replace(/[^A-Za-z0-9.\-~]/g,"");e.exports={slugger:i,makeSlug:(e,t,n,a,o)=>{let s="";return t&&(s+=`/${i(t)}`,o&&(s+=`/${i(o)}`)),n&&(s+=`/${i(n)}`),!e||e.includes("pages-")||a||(s+=`/${e}`),s}}},83981:(e,t,n)=>{"use strict";n.d(t,{L:()=>a});const a=(e,t,n,a)=>{window.gtag&&window.gtag("event",e,{event_category:t,event_label:n,...a>=0&&{value:a}})}},54871:(e,t,n)=>{"use strict";n.d(t,{RR:()=>a.RR,rU:()=>a.rU});var a=n(10315)},10315:(e,t,n)=>{"use strict";n.d(t,{DJ:()=>U,RR:()=>F,rU:()=>R});var a=n(2784),i=n(57895),o=n(21132),s=n(55490),l=n(72865),r=n(39162),c=n(5281),p=n(4373),d=n(23759),m=n(59852),u=n(43922),x=n(4166),h=n(

158883),g=n(16981),b=n(59134),f=n(450),y=n(64190),w=n(89876),v=n(36283),C=n(30143),S=n(61065),k=n(2e4),E=n(8576),T=n(20607),N=n(21242),P=n(79630),A=n(79992),D=n(56828),B=n(96992),W=n(10832),L=n(39996),z=n(66159),I=n(51818);const F=(0,a.createContext)(!1),M=({versions:e,hasVersionSwitcher:t,algolia:n,hasDarkThemeSwitcher:y,hasRTLSwitcher:w,topNavItems:v,isRTL:C,setIsRTL:S,isDarkTheme:k,setIsDarkTheme:E})=>{const T=e.Releases.find((e=>e.latest)),N=Object.values(e.Releases).filter((e=>!e.hidden&&!e.latest)),P=n,[A,D]=(0,a.useState)(!1),[I,F]=a.useState(""),[M,R]=a.useState(!1),H=(e,t=!1)=>a.createElement(i.h,{itemId:e.name,key:e.name,to:t?"/":`/${e.name}`},`Release ${e.name}`),O=(e,t)=>{F(t)},V=(e,t)=>{const n=!t===k;document.querySelector("html").classList.toggle("pf-v6-theme-dark",n),E(n)};return(0,a.useEffect)((()=>{P&&M&&U(n,".ws-global-search .pf-v6-c-text-input-group__text-input",1e3)}),[M]),a.createElement(o.o,{isFullHeight:!0},a.createElement(s.c,null,v.length>0&&a.createElement(l.E,{className:"pf-m-overflow-container"},a.createElement(z.tD,{navItems:v})),a.createElement(r.k,{align:{default:"alignEnd"}},y&&a.createElement(l.E,null,a.createElement(c.t,{"aria-label":"Dark theme toggle group"},a.createElement(p.G,{"aria-label":"light theme toggle",icon:a.createElement(L.ZP,null),isSelected:!k,onChange:V}),a.createElement(p.G,{"aria-label":"dark theme toggle",icon:a.createElement(W.ZP,null),isSelected:k,onChange:V}))),w&&a.createElement(l.E,null,a.createElement(d.r,{id:"ws-rtl-switch",label:"RTL",defaultChecked:C,onChange:()=>S((e=>!e))})),P&&a.createElement(l.E,null,a.createElement(m.M,{className:"ws-global-search",placeholder:"Search",value:I,onChange:O,onClear:e=>O(0,""),expandableInput:{isExpanded:M,onToggleExpand:(e,t)=>{R(!t)},toggleAriaLabel:"Expandable search input toggle"}})),a.createElement(l.E,null,a.createElement(u.zx,{component:"a",variant:"plain",href:"//github.com/patternfly",target:"top","aria-label":"PatternFly GitHub page"},a.createElement(B.ZP,null))),t&&a.createElement(l.E,null,a.createElement(x.L,{onSelect:()=>D(!A),onOpenChange:e=>D(e),isOpen:A,toggle:e=>a.createElement(h.O_,{ref:e,onClick:()=>D(!A),isExpanded:A},`Release ${T.name}`),popperProps:{position:"right"}},a.createElement(g.p,{key:"Latest",label:"Latest"},a.createElement(b.s,null,H(T,!0))),N.length>0&&a.createElement(g.p,{key:"Previous releases",label:"Previous releases"},a.createElement(b.s,null,N.slice(0,3).map((e=>H(e))))),a.createElement(f.i,{key:"divider1"}),a.createElement(g.p,{key:"Previous versions",label:"Previous versions"},a.createElement(b.s,null,a.createElement(i.h,{key:"PatternFly 5",className:"ws-patternfly-versions",isExternalLink:!0,to:"https://v5-archive.patternfly.org/",itemId:"patternfly-5"},"PatternFly 5"),a.createElement(i.h,{key:"PatternFly 4",className:"ws-patternfly-versions",isExternalLink:!0,to:"http://v4-archive.patternfly.org/v4/",itemId:"patternfly-4"},"PatternFly 4"),a.createElement(i.h,{key:"PatternFly 3",className:"ws-patternfly-versions",isExternalLink:!0,to:"https://pf3.patternfly.org/",itemId:"patternfly-3"}

1,"PatternFly 3"))))))))};function U(e,t,n){if(window.docsearch)return window.docsearch({inputSelector:t,autocompleteOptions:{hint:!1,appendTo:".ws-global-search .pf-v6-c-text-input-group"},debug:!1,...e});setTimeout((()=>U(e,t,n)),n)}const R=({children:e,groupedRoutes:t,navOpen:n})=>{const i={apiKey:"a8fb1726b78594ff97a3418757514404",appId:"79P4ZBH7A3",indexName:"patternfly"},o=!0,[s,l]=(0,a.useState)({...I}),[r,c]=(0,a.useState)(!1),[p,d]=a.useState(!1);(0,a.useEffect)((()=>{"undefined"!=typeof window&&window.fetch&&fetch("/versions.json").then((e=>{e.ok&&e.json().then((e=>l(e)))}))}),[]);const m=a.createElement(y.$E,null,a.createElement(w.j,null,a.createElement(z.kw,{navItems:[{section:"get-started"},{section:"design-foundations"},{section:"tokens"},{section:"PatternFly-AI"},{section:"accessibility"},{section:"UX writing"},{section:"components"},{section:"patterns"},{section:"extensions"},{section:"Component groups"},{section:"charts"},{section:"topology"},{section:"layouts"},{section:"utility-classes"},{section:"developer-resources"},{section:"training"}],groupedRoutes:t}))),u=a.createElement(v.H,null,a.createElement(C.d,null,a.createElement(S.C,null,a.createElement(k.H,{variant:"plain","aria-label":"Global navigation"},a.createElement(D.ZP,null))),a.createElement(E.x,null,a.createElement(T.B,{href:"/"},a.createElement("svg",{height:"40px",viewBox:"0 0 679 158"},a.createElement("title",null,"PatternFly"),a.createElement("defs",null,a.createElement("linearGradient",{x1:"68%",y1:"2.25860997e-13%",x2:"32%",y2:"100%",id:"linearGradient-website-masthead"},a.createElement("stop",{stopColor:"#2B9AF3",offset:"0%"}),a.createElement("stop",{stopColor:"#73BCF7",stopOpacity:"0.502212631",offset:"100%"}))),a.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},a.createElement("g",{transform:"translate(206.000000, 45.750000)",fill:"var(--pf-t--global--text--color--regular)",fillRule:"nonzero"},a.createElement("path",{d:"M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"}),a.createElement("path",{d:"M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"}),a.createElement("path",{d:"M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"}),a.createElement("path",{d:"M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"}),a.createElement("path",{d:"M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,

163.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"}),a.createElement("path",{d:"M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"}),a.createElement("path",{d:"M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"}),a.createElement("polygon",{points:"342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"}),a.createElement("polygon",{points:"399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"}),a.createElement("path",{d:"M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"})),a.createElement("g",{transform:"translate(0.000000, 0.000000)"},a.createElement("path",{d:"M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z",fill:"var(--pf-t--color--blue--50)"}),a.createElement("path",{d:"M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z",fill:"url(#linearGradient-website-masthead)"}),a.createElement("path",{d:"M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z",fill:"url(#linearGradient-website-masthead)",transform:"translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "}))))))),a.createElement(N.f,null,a.createElement(M,{versions:s,algolia:i,hasVersionSwitcher:o,hasDarkThemeSwitcher:!0,hasRTLSwitcher:!1,topNavItems:[],isRTL:r,setIsRTL:c,isDarkTheme:p,setIsDarkTheme:d})));return a.createElement(a.Fragment,null,a.createElement(F.Provider,{value:r},a.createElement(P.T,{id:"ws-page",mainContainerId:"ws-page-main",mainComponent:"div",masthead:u,sidebar:m,skipToContent:a.createElement(A.z,{href:"#ws-page-main"},"Skip to content"),isManagedSidebar:!0,defaultManagedSidebarIsOpen:n},e,a.createElement(z.$_,{isDarkTheme:p})),a.createElement("div",{id:"ws-page-banners"},a.createElement(z.DT,null))))}},564:(e,t,n)=>{"use strict";n.d(t,{Z:()=>k});var a=n(2784),i=n(66159),o=n(97169),s=n(37167),l=n(87505),r=n(21609),c=n(72522),p=n(37226),d=n(70006),m=n(79350),u=n(48896),x=n(16408),h=n(85313),g=n(43922),b=n(10315);const f=n.p+"images/235047dd.svg",y=n.p+"images/431fc88c.svg",w=n.p+"images/0311be0d.svg",v=n.p+"images/6855b430.svg",C=n.p+"images/34d0420a.svg",S=({img:e,alt:t,title:n,body:d,link:{text:m,to:u}})=>a.createElement(o.P,{xl:3,md:6,xs:12},a.createElement(s.Z,{style:{height:"340px"}},a.createElement(l.O,{className:"ws-404-card-header"},a.createElement("img",{src:e,alt:t,width:"64px"})),a.createElement(r.l,null,n),a.createElement(c.e,null,d),a.createElement(p.e,null,a.createElement(i.rU,{to:u},m)))),k=()=>{const e={apiKey:"a8fb1726b78594ff97a3418757514404",appId:"79P4ZBH7A3",indexName:"patternfly"};return(0,a.useEffect)((()=>{"undefined"!=typeof window&&e&&(0,b.DJ)(e,"#ws-404-search",1e3)})),a.createElement(d.NP,null,a.createElement(m.ub,{headingLevel:"h1",titleText:"404: That page no longer exists",variant:"xl",icon:()=>a.createElement("img",{src:f,alt:"",width:"128px"})},"Another page might have the information you need, so try searching PatternFly.",a.createElement(u.B,null,a.createElement("div",{id:"ws-404-search-wrapper"},a.createElement(x.oi,{id:"ws-404-search",type:"text",placeholder:"Search PatternFly"})))),a.createElement(h.r,{hasGutter:!0},a.createElement(S,{img:y,alt:"PatternFly icon",title:"Getting started",body:"Learn about designing and developing with PatternFly.",link:{text:"View getting started resources",to:"/get-started/about-patternfly"}}),a.createElement(S,{img:w,alt:"Guidelines icon",title:"Guidelines",body:"Check out PatternFly's design approach to icons, colors, and more.",link:{text:"View guidelines",to:"/design-foundations/colors"}}),a.createElement(S,{img:v,alt:"Components icon",title:"Components",body:"Start creating your applications with components -- the building blocks of user interfaces.",link:{text:"View components",to:"/components/

1about-modal"}}),a.createElement(S,{img:C,alt:"Chart icon",title:"Charts",body:"Visualize your facts and figures by designing the right charts for your data.",link:{text:"View charts",to:"/charts/about-charts"}})),a.createElement("div",{className:"ws-404-button-wrapper"},a.createElement(g.zx,{variant:"primary",component:i.rU,to:"/"},"Return to home page")))}},93696:(e,t,n)=>{const{makeSlug:a,slugger:i}=n(51782),{asyncComponentFactory:o}=n(45355),s={...n(1482),...n(93564)};for(let e in s){const t=s[e];t.SyncComponent?t.Component=t.SyncComponent:t.Component&&(t.Component=o(e,t))}const l=Object.assign({},s),r=e=>null==e,c=Object.entries(s).filter((([e,{id:t,section:n}])=>!r(t)&&!r(n))).reduce(((e,[t,n])=>{const{section:i,subsection:o=null,id:s,title:l,source:r,hideNavItem:c,relPath:p,sortValue:d=null,subsectionSortValue:m=null}=n;n.slug=t,e[i]=e[i]||{};const u={id:s,section:i,subsection:o,title:l,slug:a(r,i,s,!0,o),sources:[],hideNavItem:c,relPath:p,...d&&{sortValue:d},...m&&{subsectionSortValue:m}};return o?(e[i][o]=e[i][o]||{},e[i][o].isSubsection=!0,e[i][o][s]=e[i][o][s]||u,e[i][o][s].sources.push(n),d&&(e[i][o].sortValue=d),m&&(e[i][o].subsectionSortValue=m)):(e[i][s]=e[i][s]||u,e[i][s].sources.push(n),d&&(e[i][s].sortValue=d)),e}),{}),p={react:1,"react-next":1.1,"react-demos":2,"react-deprecated":2.1,html:3,"html-demos":4,"design-guidelines":99,accessibility:100,"upgrade-guide":101,"release-notes":102},d=({source:e},{source:t})=>{const n=p[e]||50,a=p[t]||50;return 50===n&&50===a?e.localeCompare(t):n>a?1:-1};Object.entries(c).forEach((([e,t])=>{Object.values(t).forEach((e=>{let t=[];e.isSubsection?Object.entries(e).map((([e,n])=>{n&&n?.id&&t.push(n)})):t=[e],t.forEach((e=>{const{slug:t}=e;e.sources.forEach((({slug:e})=>{delete s[e]})),e.sources=e.sources.sort(d),s[t]=e}))}))}));const m=Object.entries(l).filter((([,{examples:e,fullscreenExamples:t}])=>e||t)).reduce(((e,t)=>{const[n,{Component:a,examples:o=[],fullscreenExamples:s=[]}]=t;return o.concat(s).forEach((t=>{const o=`${n}/${i(t)}`;e[o]={path:n,title:t,Component:a,isFullscreen:!0,isFullscreenOnly:s.includes(t)}})),e}),{});e.exports={routes:s,groupedRoutes:c,fullscreenRoutes:m,getAsyncComponent:function(e){let t;return e||"undefined"==typeof window||(e=window.location.pathname.replace(/\/$/,"")||"/"),l[e]?t=l[e].Component:s[e]&&(t=s[e].sources[0].Component),t&&t.preload?t:null}}},90998:(e,t,n)=>{"use strict";n.d(t,{D:()=>o});var a=n(2784),i=n(15452);const o=a.createElement(a.Fragment,null,"We’re working on some guidelines for this component."," ","If you have any questions in the meantime, feel free to"," ",a.createElement(i.r,{to:"/community#get-in-touch"},"get in touch with us."))},93564:(e,t,n)=>{e.exports={"/get-started/upgrade/upgrade-guide":{id:"Upgrade",title:"Upgrade to PatternFly 6",toc:[{text:"Notable changes"},[{text:"Components"},{text:"Charts"}],{text:"How to upgrade"},[{text:"1. Run our codemods suite"},{text:"2. Remove all CSS overrides"},{text:"3. Review and update variable and class names"},{text:"4. Update any pixel-based logic for breakpoints"},{text:"Potential test failures"}],{text:"Get help"}],section:"get-started",subsection:"",source:"upgrade-guide",tabName:null,Component:()=>n.e(20612).then(n.bind(n,49258))},"/get-started/upgrade/release-notes":{id:"Upgrade",title:"PatternFly 6 upgrade",toc:[{text:"PatternFly 6 React breaking changes"}],section:"get-started",subsection:"",source:"release-notes",tabName:null,Component:()=>Promise.all([n.e(40409),n.e(90805),n.e(29163)]).then(n.bind(n,32507))},"/get-started/release-highlights":{id:"Release highlights",title:"Release highlights",toc:[{text:"PatternFly 6.2"},[{text:"Promoted package versions"},{text:"PatternFly 6 enablement"},{text:"Component animations"},{text:"React 19 support"},{text:"PatternFly AI"},{text:"Notable changes"},{text:"What's next?"}],{text:"PatternFly 6.1.1"},[{text:"Promoted package versions",id:"promoted-package-versions-0"},{text:"Extension updates"}],{text:"PatternFly 6.1"},[{text:"Promoted package versions",id:"promoted-package-versions-1"},{text:"Component updates"},{text:"Website updates"},{text:"Content updates"},{text:"Extension updates",id:"extension-updates-0"}],{text:"PatternFly 6.0"},[{text:"Promoted package versions",id:"promoted-package-versions-2"},{text:"PatternFly AI",id:"patternfly-ai-0"},{text:"Component groups restructuring"},{text:"React component updates"},{text:"Token updates"},{text:"Extensions maintenance"},{text:"Content updates",id:"content-updates-0"}],{text:"PatternFly 6 beta"},[{text:"Design updates"},{text:"Content updates",id:"content-updates-1"},{text:"Component updates",id:"component-updates-0"},{text:"Extension updates",id:"extension-updates-1"},{text:"Bug fixes"}],{text:"PatternFly 6 alpha"},[{text:"PatternFly 6 visual theme"},{text:"Design tokens",id:"design-tokens-0"}]],section:"get-started",subsection:"",source:"pages-get-started",tabName:null,Component:()=>n.e(36690).then(n.bind(n,53042))}

1,"/get-started/develop":{id:"Develop",title:"Develop with PatternFly",toc:[{text:"Getting started"},{text:"Develop with React"},[{text:"Install and configure PatternFly React"}],{text:"Develop with HTML/CSS"},[{text:"Install and configure PatternFly HTML/CSS"},{text:"Using icons"}],{text:"Testing"},{text:"Supported browsers and operating systems"},{text:"Breaking changes"},[{text:"Design breaking changes"},{text:"Core CSS breaking changes"},{text:"React breaking changes"}]],section:"get-started",subsection:"",source:"pages-get-started",tabName:null,Component:()=>n.e(18840).then(n.bind(n,9477))},"/get-started/design/Design-with-Sketch":{id:"Design",title:"Design with PatternFly",toc:[{text:"Figma library"},[{text:"Red Hat employees"},{text:"PatternFly community members"}],{text:"Sketch design kit"},[{text:"Design kit"},{text:"Wireframe kit"},{text:"Style guidelines"},{text:"Usage and behavior guidelines"},{text:"Content guidelines"},{text:"Start building with components."},{text:"What's in the design kit?"},{text:"What's in the design kit?",id:"whats-in-the-design-kit-0"},{text:"Getting the design kit"},{text:"Using Sketch"},{text:"Using other design tools"},{text:"Using the design kit"},{text:"Spacers"},{text:"Layer styles"},{text:"Text styles"},{text:"Staying up to date"}]],section:"get-started",subsection:"",source:"Design-with-Sketch",tabName:null,Component:()=>n.e(88167).then(n.bind(n,56707))},"/get-started/design/Design-with-Figma":{id:"Design",title:"Design with PatternFly",toc:[{text:"PatternFly 6 design kit"},[{text:"PatternFly fonts"},{text:"Design tokens"}],{text:"What's in the design kit?"},{text:"Where do I start?"},{text:"How do I stay up to date?"},{text:"Get help"},[{text:"1. How do I get Figma access?"},{text:"2. Can I still use Sketch?"},{text:"3. How do I migrate to Figma?"},{text:"4. What if I haven't upgraded to PatternFly 6?"}]],section:"get-started",subsection:"",source:"Design-with-Figma",tabName:null,Component:()=>n.e(38100).then(n.bind(n,23599))},"/get-started/contribute":{id:"Contribute",title:"Contribute to PatternFly",toc:[{text:"Community contributions"},{text:"Design"},[{text:"Existing design issues"},{text:"New feature or enhancement"},{text:"New icons"}],{text:"Code"},[{text:"Existing development issues"},{text:"Bug reports"}],{text:"Documentation"},[{text:"Existing documentation issues"},{text:"Design guidelines"}]],section:"get-started",subsection:"",source:"pages-get-started",tabName:null,Component:()=>n.e(68957).then(n.bind(n,91775))},"/get-started/about-patternfly":{id:"About PatternFly",title:"About PatternFly",toc:[{text:"What is PatternFly?"},{text:"What does PatternFly include?"},[{text:"Foundations"},{text:"Elements"},{text:"Guidance"},{text:"Additional developer resources"}],{text:"Join the community"},{text:"Where do I start?"},{text:"Release cadence"},[{text:"Major releases"},{text:"Minor and patch releases"}],{text:"Beta components"},{text:"Deprecated components"}],section:"get-started",subsection:"",source:"pages-get-started",tabName:null,Component:()=>n.e(80482).then(n.bind(n,94240))},"/developer-resources/right-to-left-handbook/developer-resources":{id:"Right-to-left handbook",title:"PatternFly right-to-left handbook",toc:[{text:"Support in PatternFly"},[{text:"Components"},{text:"Charts"},{text:"Icons"}],{text:"PatternFly RTL helpers"},{text:"Best practices and resources"}],section:"developer-resources",subsection:"",source:"developer-resources",tabName:null,Component:()=>n.e(49786).then(n.bind(n,42674))},"/accessibility/patternflys-accessibility/developer-resources":{id:"PatternFly's accessibility",title:"PatternFly's accessibility",toc:[{text:"Component accessibility"},{text:"Accessibility standards"}],section:"accessibility",subsection:"",source:"developer-resources",tabName:null,Component:()=>n.e(77002).then(n.bind(n,76562))},"/developer-resources/dark-theme-handbook/developer-resources":{id:"Dark theme handbook",title:"PatternFly dark theme handbook",toc:[{text:"Enabling dark theme"},[{text:"Charts"},{text:"Images"}],{text:"Best practices"}],section:"developer-resources",subsection:"",source:"developer-resources",tabName:null,Component:()=>n.e(47799).then(n.bind(n,13879))},"/accessibility/testing-your-accessibility/developer-resources":{id:"Testing your accessibility",title:"Testing your accessibility",toc:[{text:"Standard testing procedures"},[{text:"Validate your HTML"},{text:"Check for accessibility violations with an audit tool"},{text:"Test keyboard accessibility"},{text:"Test without styles"},{text:"Test with a screen reader"},{text:"Check color contrast"}],{text:"Accessibility testing checklist"},[{text:"Broad accessibility criteria"},{text:"Structural accessibility criteria"}]],section:"accessibility",subsection:"",source:"developer-resources",tabName:null,Component:()=>n.e(62179).then(n.bind(n,15400))},"/accessibility/accessibility-scorecard/developer-resources":{id:"Accessibility scorecard",title:"Accessibility scorecard",toc:[{text:"Scoring your accessibility"},{text:"PatternFly.org accessibility scorecard"}],section:"accessibility",subsection:"",source:"developer-resources",tabName:null,Component:()=>n.e(95802).then(n.bind(n,87942))},"/accessibility/develop-for-accessibility/developer-resources":{id:"Develop for accessibility",title:"Develop for accessibility",toc:[{text:"Prioritizing accessibility during development"},{text:"Development techniques"},[{text:"UI element accessibility techniques"}],{text:"Screen reader considerations"}],section:"accessibility",subsection:"",source:"developer-resources",tabName:null,Component:()=>n.e(24901).then(n.bind(n,9627))},"/accessibility/design-for-accessibility/developer-resources":{id:"Design for accessibility",title:"Design for accessibility",toc:[{text:"Color and contrast"},{text:"Content"},{text:"Understanding low vision"}],section:"accessibility",subsection:"",source:"developer-resources",tabName:null,Component:()=>n.e(18337).then(n.bind(n,71447))},"/accessibility/about-accessibility/developer-resources":{id:"About accessibility",title:"About accessibility",toc:[{text:"Assistive technologies"},[{text:"Keyboard"},{text:"Screen readers"}],{text:"Understanding users’ needs"},[{text:"Motor control"},{text:"Vision"},{text:"Cognitive processing"},{text:"Accessibility spectrum"}],{text:"Experience parity"}],section:"accessibility",subsection:"",source:"developer-resources",tabName:null,Component:()=>

1n.e(61960).then(n.bind(n,39780))},"/components/tree-view/accessibility":{id:"Tree view",title:"Tree view",toc:[{text:"To make tree view accessible:"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(2550).then(n.bind(n,14591))},"/components/tooltip/accessibility":{id:"Tooltip",title:"Tooltip",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},[{text:"Aria-live"},{text:"Aria"},{text:"Reference"}],{text:"HTML/CSS customization"},{text:"Additional considerations"},{text:"Further reading"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(38126).then(n.bind(n,85694))},"/components/title/accessibility":{id:"Title",title:"Title",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(57753).then(n.bind(n,75228))},"/components/tabs/accessibility":{id:"Tabs",title:"Tabs",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},[{text:"Tab icons"}],{text:"HTML/CSS customization"},{text:"Additional considerations"},{text:"Further reading"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(26285).then(n.bind(n,56583))},"/components/switch/accessibility":{id:"Switch",title:"Switch",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(22244).then(n.bind(n,85993))},"/components/skip-to-content/accessibility":{id:"Skip to content",title:"Skip to content",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(57503).then(n.bind(n,33117))},"/components/skeleton/accessibility":{id:"Skeleton",title:"Skeleton",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"},{text:"Additional considerations"},[{text:"When to apply screen reader text"}]],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(29148).then(n.bind(n,14492))},"/components/sidebar/accessibility":{id:"Sidebar",title:"Sidebar",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(21399).then(n.bind(n,25937))},"/components/forms/radio/accessibility":{id:"Radio",title:"Radio",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"},[{text:"Explicit vs implicit labeling"}]],section:"components",subsection:"forms",source:"accessibility",tabName:null,Component:()=>n.e(75335).then(n.bind(n,25216))},"/components/progress-stepper/accessibility":{id:"Progress stepper",title:"Progress stepper",toc:[],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(73273).then(n.bind(n,23195))},"/components/progress/accessibility":{id:"Progress",title:"Progress",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"},{text:"Additional considerations"},[{text:"Aria-live"},{text:"Aria-atomic and aria-relevant"}]],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(76974).then(n.bind(n,82889))},"/components/page/accessibility":{id:"Page",title:"Page",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"},{text:"Additional considerations"},[{text:"Semantic elements"}]],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(15768).then(n.bind(n,33012))},"/components/navigation/accessibility":{id:"Navigation",title:"Navigation",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},[{text:"Expandable toggle props"}],{text:"HTML/CSS customization"},{text:"Additional considerations"},[{text:"Flyout Variation"}]],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(30362).then(n.bind(n,79041))},"/components/modal/accessibility":{id:"Modal",title:"Modal",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"},{text:"Additional considerations"},[{text:"Focus"}],{text:"Further reading"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(68219).then(n.bind(n,20165))},"/components/menus/menu-toggle/accessibility":{id:"Menu toggle",title:"Menu toggle",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"}],section:"components",subsection:"menus",source:"accessibility",tabName:null,Component:()=>n.e(72460).then(n.bind(n,35935))},"/components/menus/menu/accessibility":{id:"Menu",title:"Menu",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"}],section:"components",subsection:"menus",source:"accessibility",tabName:null,Component:()=>n.e(7896).then(n.bind(n,49470))},"/components/label/accessibility":{id:"Label",title:"Label",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},[{text:"Label React properties"},{text:"Label group React properties"}],{text:"HTML/CSS customization"},[{text:"Label HTML attributes and classes"},{text:"Label group HTML attributes and classes"}],{text:"Additional considerations"},[{text:"Custom tooltips"},{text:"Accessible label status and severity"}]],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(51338).then(n.bind(n,20166))},"/components/jump-links/accessibility":{id:"Jump links",title:"Jump links",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"},{text:"Additional considerations"},[{text:"Unique nav labeling"}]],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(46065).then(n.bind(n,63104))},"/components/helper-text/accessibility":{id:"Helper text",title:"Helper text",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"},{text:"Additional considerations"},[{text:"Visually hidden text"}]],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(37771).then(n.bind(n,40821))},"/components/expandable-section/accessibility":{id:"Expandable section",title:"Expandable section",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"},{text:"Further reading"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(77990).then(n.bind(n,42958))},"/components/menus/context-selector/accessibility":{id:"Context selector",title:"Context selector",toc:[],section:"components",subsection:"menus",source:"accessibility",tabName:null,Component:()=>

1n.e(414).then(n.bind(n,25021))},"/components/code-editor/accessibility":{id:"Code editor",title:"Code editor",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(82892).then(n.bind(n,26281))},"/components/clipboard-copy/accessibility":{id:"Clipboard copy",title:"Clipboard copy",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(18930).then(n.bind(n,842))},"/components/chip/accessibility":{id:"Chip",title:"Chip",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},[{text:"Chip React properties"},{text:"Chip group React properties"}],{text:"HTML/CSS customization"},[{text:"Chip HTML attributes and classes"},{text:"Chip group HTML attributes and classes"}]],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(83640).then(n.bind(n,71603))},"/components/forms/checkbox/accessibility":{id:"Checkbox",title:"Checkbox",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"},[{text:"Explicit vs implicit labeling"}]],section:"components",subsection:"forms",source:"accessibility",tabName:null,Component:()=>n.e(72728).then(n.bind(n,25836))},"/components/card/accessibility":{id:"Card",title:"Card",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},[{text:"Expandable toggle props"}],{text:"HTML/CSS customization"},{text:"Additional considerations"},[{text:"Excessive functionality or complexity"},{text:"Altering elements of wrappers"}]],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(91039).then(n.bind(n,66604))},"/components/date-and-time/calendar-month/accessibility":{id:"Calendar month",title:"Calendar month",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},[{text:"Inline props"}],{text:"HTML/CSS customization"}],section:"components",subsection:"date-and-time",source:"accessibility",tabName:null,Component:()=>n.e(57979).then(n.bind(n,77954))},"/components/button/accessibility":{id:"Button",title:"Button",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"},{text:"Further reading"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(51947).then(n.bind(n,60648))},"/components/breadcrumb/accessibility":{id:"Breadcrumb",title:"Breadcrumb",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(50746).then(n.bind(n,71478))},"/components/brand/accessibility":{id:"Brand",title:"Brand",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"},{text:"Further reading"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(58044).then(n.bind(n,49229))},"/components/banner/accessibility":{id:"Banner",title:"Banner",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(11589).then(n.bind(n,15322))},"/components/badge/accessibility":{id:"Badge",title:"Badge",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"},{text:"Additional considerations"},[{text:"Color"}]],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(92364).then(n.bind(n,77732))}

1,"/components/background-image/accessibility":{id:"Background image",title:"Background image",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(55263).then(n.bind(n,66854))},"/components/backdrop/accessibility":{id:"Backdrop",title:"Backdrop",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(83316).then(n.bind(n,55094))},"/components/avatar/accessibility":{id:"Avatar",title:"Avatar",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(77654).then(n.bind(n,77562))},"/components/menus/application-launcher/accessibility":{id:"Application launcher",title:"Application launcher",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"}],section:"components",subsection:"menus",source:"accessibility",tabName:null,Component:()=>n.e(13532).then(n.bind(n,24861))},"/components/alert/accessibility":{id:"Alert",title:"Alert",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},[{text:"Alert React properties"},{text:"Alert group React properties"}],{text:"HTML/CSS customization"},[{text:"Alert HTML attributes and classes"},{text:"Alert group HTML attributes and classes"}],{text:"Additional considerations"},[{text:"Toast alerts"},{text:"Aria-live"},{text:"Aria-atomic and aria-relevant"}],{text:"Further reading"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(49642).then(n.bind(n,26790))},"/components/action-list/accessibility":{id:"Action list",title:"Action list",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(32538).then(n.bind(n,10261))},"/components/accordion/accessibility":{id:"Accordion",title:"Accordion",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},[{text:"isHidden and isExpanded"},{text:"Aria-label"}],{text:"HTML/CSS customization"},{text:"Additional considerations"},{text:"Further reading"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(46676).then(n.bind(n,85462))},"/components/about-modal/accessibility":{id:"About modal",title:"About modal",toc:[{text:"Accessibility"},{text:"Testing"},{text:"React customization"},{text:"HTML/CSS customization"},{text:"Additional considerations"},[{text:"Focus trap and focus management"}],{text:"Further reading"}],section:"components",subsection:"",source:"accessibility",tabName:null,Component:()=>n.e(48879).then(n.bind(n,10217))},"/design-foundations/usage-and-behavior/design-guidelines":{id:"Usage and behavior",title:"Usage and behavior",toc:[{text:"Displaying structured data"},{text:"Providing contextual help on a page"},{text:"Progressive disclosure"},{text:"Inputting data within forms"},{text:"Selecting between options on a form"},{text:"Displaying progress"},{text:"Displaying object details in context"},{text:"Dropdown menus for actions and selections"}],section:"design-foundations",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(77717).then(n.bind(n,96900))},"/patterns/filters/design-guidelines":{id:"Filters",title:"Filters",toc:[{text:"Filter types"},{text:"Filter features"},[{text:"Filter labels"},{text:"Typeahead"},{text:"Badge count"}],{text:"Variations for 1 attribute"},[{text:"Text entry filters"},{text:"Single select"},{text:"Checkbox select"}],{text:"Variations for multiple attributes"},[{text:"Attribute-value filter"},{text:"Filter group"},{text:"Toggle group"},{text:"Faceted filter"}],{text:"Filter validation"},{text:"Layout considerations"},{text:"Mobile considerations"},{text:"Examples"},{text:"Content"},[{text:"Filters"},{text:"Clearing filters"}

1]],section:"patterns",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(37253).then(n.bind(n,94120))},"/patterns/bulk-selection/design-guidelines":{id:"Bulk selection",title:"Bulk selection",toc:[{text:"Bulk selection"},{text:"Bulk selector"},{text:"Usage"},[{text:"Bulk selection from the toolbar"},{text:"Bulk selection and global actions"},{text:"Integrated bulk selection for tables"}]],section:"patterns",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(93980).then(n.bind(n,98615))},"/design-foundations/typography/design-guidelines":{id:"Typography",title:"Typography",toc:[{text:"PatternFly fonts"},[{text:"Font sizing: rem vs pixel"}],{text:"Headings"},[{text:"Customizing heading levels"}],{text:"Body text"},{text:"Tabular font styling"},{text:"Line height and spacing"}],section:"design-foundations",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(47632).then(n.bind(n,10858))},"/design-foundations/spacers/design-guidelines":{id:"Spacers",title:"Spacers",toc:[{text:"Spacer sizing"},{text:"PatternFly spacers"},[{text:"Spacer tokens"}],{text:"Considering line height and padding"},[{text:"Using spacers with components"},{text:"Using spacers with text"}]],section:"design-foundations",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(99007).then(n.bind(n,18741))},"/design-foundations/motion/design-guidelines":{id:"Motion",title:"Motion",toc:[{text:"Principles"},{text:"Motion in PatternFly"},[{text:"Types of animations"},{text:"Anatomy of an animation"}],{text:"Developing and designing with motion"},[{text:"Figma"},{text:"Motion tokens"},{text:"Motion patterns"},{text:"Custom motion"}]],section:"design-foundations",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(99756).then(n.bind(n,59352))},"/design-foundations/icons/design-guidelines":{id:"Icons",title:"Icons",toc:[{text:"Icon sizes"},{text:"Inline icons"},[{text:"Headings"},{text:"Body text"}],{text:"Standalone icons"},{text:"Icon colors"},{text:"PatternFly icons"},[{text:"HTML icons"},{text:"React icons"},{text:"Font Awesome solid (FAS) vs Font Awesome regular (FAR)"}],{text:"All icons"}],section:"design-foundations",subsection:"",source:"design-guidelines",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(33238),n.e(2133),n.e(95657),n.e(40409),n.e(77526),n.e(52096),n.e(65399),n.e(75877),n.e(81189),n.e(89446),n.e(51381),n.e(52224),n.e(19463),n.e(99936),n.e(13023),n.e(70683),n.e(73482),n.e(58134),n.e(54618),n.e(6193),n.e(90805),n.e(47949),n.e(2885),n.e(33789),n.e(66964),n.e(10381),n.e(97462),n.e(63607),n.e(46955),n.e(32468),n.e(85270),n.e(31947),n.e(9623),n.e(94470),n.e(83821),n.e(43370),n.e(20981),n.e(67495),n.e(21006),n.e(80794),n.e(41845),n.e(5793),n.e(91689),n.e(18341),n.e(3922),n.e(31784),n.e(54572),n.e(99772),n.e(56653),n.e(527),n.e(36136),n.e(21361),n.e(74512),n.e(6441),n.e(56293),n.e(61264),n.e(20065),n.e(57001),n.e(92057),n.e(87670),n.e(57375),n.e(98952),n.e(50161),n.e(15967),n.e(47145),n.e(76963),n.e(97264),n.e(98138),n.e(13718),n.e(88436),n.e(26753),n.e(30271),n.e(4307),n.e(32089),n.e(76286),n.e(15440),n.e(9828),n.e(30142),n.e(6191),n.e(67922),n.e(56735),n.e(43962),n.e(64680),n.e(29640),n.e(6274),n.e(68070),n.e(10294),n.e(34694),n.e(72827),n.e(59101),n.e(30256),n.e(79233),n.e(30537),n.e(55479),n.e(66530),n.e(53376)]).then(n.bind(n,93657))},"/charts/colors-for-charts/design-guidelines":{id:"Colors for charts",title:"Colors for charts",toc:[{text:"Chart colors"},{text:"The system"},[{text:"How it works"}],{text:"Color and pattern usage"},{text:"Use cases"},[{text:"Chart with few variables (1-7)"},{text:"Chart with nested (grouped) variables"},{text:"Chart with many variables (>7)"}],{text:"Using the system with one color family"}],section:"charts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>Promise.all([n.e(56235),n.e(82749)]).then(n.bind(n,21662))},"/design-foundations/colors/design-guidelines":{id:"Colors",title:"Colors",toc:[{text:"Brand colors"},{text:"Background colors"},{text:"Text and icon colors"},{text:"Status and state colors"},[{text:"Danger"},{text:"Warning"},{text:"Disabled"}],{text:"Nonstatus colors"},{text:"Contrast ratios"},{text:"Color families"}],section:"design-foundations",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(3555).then(n.bind(n,10596))},"/patterns/status-and-severity/design-guidelines":{id:"Status and severity",title:"Status and severity",toc:[{text:"Content considerations"},{text:"Status icons"},[{text:"Usage"}],{text:"Severity icons"},[{text:"Usage",id:"usage-0"},{text:"Single issue"},{text:"Aggregated issues"}

1]],section:"patterns",subsection:"",source:"design-guidelines",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(77526),n.e(66964),n.e(77697)]).then(n.bind(n,43640))},"/patterns/primary-detail/design-guidelines":{id:"Primary-detail",title:"Primary-detail",toc:[{text:"Elements"},{text:"Usage"},[{text:"Characteristics"}],{text:"Behavior"},[{text:"Responsive behavior"}],{text:"Variations"},[{text:"Selectable rows"},{text:"Splitter in a primary-detail"}]],section:"patterns",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(43393).then(n.bind(n,24147))},"/patterns/dashboard/design-guidelines":{id:"Dashboard",title:"Dashboard",toc:[{text:"Elements"},{text:"Standard cards"},[{text:"Aggregate status card"},{text:"Trend card"},{text:"Utilization card"},{text:"Details card"},{text:"Events card"}],{text:"Dashbar"},{text:"Designing dashboards step-by-step"},[{text:"Step 1: List the cards"},{text:"Step 2: Prioritizing your cards"},{text:"Step 3: Sizing your cards"},{text:"Step 4: Iterate on column structure and card arrangement"},{text:"Step 5: Add your content and refine your layout"},{text:"Step 6: Iterate on your layout"},{text:"The final result"}]],section:"patterns",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(33880).then(n.bind(n,97541))},"/patterns/card-view/design-guidelines":{id:"Card view",title:"Card view",toc:[{text:"Usage"},[{text:"Background colors for card views"},{text:"Card views on mobile"},{text:"Card view actions"},{text:"Bottom pagination"}]],section:"patterns",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(87558).then(n.bind(n,52109))},"/patterns/actions/design-guidelines":{id:"Actions",title:"Actions",toc:[{text:"Elements"},{text:"Usage"},[{text:"Deletion vs removal"}],{text:"Variations"},[{text:"Component-level actions"},{text:"Page-wide actions"}]],section:"patterns",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(22025).then(n.bind(n,58781))},"/layouts/stack/design-guidelines":{id:"Stack",title:"Stack",toc:[{text:"Elements"},{text:"Usage"},[{text:"When to use stack vs other layouts"}],{text:"Variations"},[{text:"Multiple items that fill space"},{text:"Gutters around items"}]],section:"layouts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(77395).then(n.bind(n,44898))},"/layouts/split/design-guidelines":{id:"Split",title:"Split",toc:[{text:"Elements"},{text:"Usage"},{text:"Variations"},[{text:"Multiple items that fill space"},{text:"Items that wrap"},{text:"Gutters around items"}]],section:"layouts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(3508).then(n.bind(n,21762))},"/layouts/level/design-guidelines":{id:"Level",title:"Level",toc:[{text:"Elements"},{text:"Usage"},{text:"Variations"}],section:"layouts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(29246).then(n.bind(n,98739))},"/layouts/grid/design-guidelines":{id:"Grid",title:"Grid",toc:[{text:"Elements"},{text:"Usage"},{text:"Variations"},[{text:"Gutters around items"}]],section:"layouts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(66883).then(n.bind(n,23726))},"/layouts/gallery/design-guidelines":{id:"Gallery",title:"Gallery",toc:[{text:"Elements"},{text:"Usage"},{text:"Variations"},[{text:"Gutters around items"},{text:"Items with customized wrapping"}]],section:"layouts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(43257).then(n.bind(n,2565))},"/layouts/flex/design-guidelines":{id:"Flex",title:"Flex",toc:[{text:"Elements"},{text:"Usage"},[{text:"When to use the flex layout"},{text:"When to use the flex layout vs the grid layout"}],{text:"Variations"}],section:"layouts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(22582).then(n.bind(n,26038))},"/layouts/bullseye/design-guidelines":{id:"Bullseye",title:"Bullseye",toc:[{text:"Elements"},{text:"Usage"}],section:"layouts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(3753).then(n.bind(n,51768))},"/extensions/log-viewer/design-guidelines":{id:"Log viewer",title:"Log viewer",toc:[{text:"Light theme log viewer"},{text:"Dark theme log viewer"},{text:"Usability"},{text:"Log viewer functionality"},[{text:"With popover"},{text:"With dropdown, drilldown, and search expanded"},{text:"With search results"}]],section:"extensions",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(2797).then(n.bind(n,82736))},"/ux-writing/writing-patternfly-design-guidelines/design-guidelines":{id:"Writing PatternFly design guidelines",title:"Writing PatternFly design guidelines",toc:[{text:"Design guidelines sections"},[{text:"Elements (H2)"},{text:"Usage (H2)"},{text:"Behavior (H2)"},{text:"Variations (H2)"},{text:"Spacing (H2)"},{text:"Placement (H2)"},{text:"Content considerations (H2)"},{text:"Accessibility (H2)"}],{text:"Formatting"},[{text:"Capitalization"},{text:"Bolds and italics"},{text:"Lists"}],{text:"Images"},[{text:"Annotations"}],{text:"Style, voice, and tone"}],section:"UX writing",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(81723).then(n.bind(n,62498))}

1,"/ux-writing/writing-for-all-audiences/design-guidelines":{id:"Writing for all audiences",title:"Writing for all audiences",toc:[{text:"Writing for all abilities"},{text:"Writing for localization and translation"},{text:"Writing for screen readers"},{text:"Using accessible and global-friendly graphics"}],section:"UX writing",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(58643).then(n.bind(n,91800))},"/ux-writing/ux-writing-best-practices/design-guidelines":{id:"UX writing best practices",title:"UX writing best practices",toc:[{text:"Know your users"},{text:"Focus on goals and tasks"},{text:"Understand the context"},{text:"Sound like a person"},{text:"Be clear and concise"},{text:"Be consistent"},{text:"Align with your brand"},{text:"Lead with the benefit"},{text:"Use positive, action-oriented language"}],section:"UX writing",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(90362).then(n.bind(n,69627))},"/ux-writing/units-and-symbols/design-guidelines":{id:"Units and symbols",title:"Units and symbols",toc:[{text:"Currency"},{text:"Data bandwidth"},{text:"Data storage"},{text:"Time"},{text:"Best practices for writing units of measurement"}],section:"UX writing",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(1855).then(n.bind(n,74493))},"/ux-writing/truncation/design-guidelines":{id:"Truncation",title:"Truncation",toc:[{text:"Where to truncate"},{text:"Truncation guidelines and best practices"}],section:"UX writing",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(21946).then(n.bind(n,44657))},"/ux-writing/tooltips/design-guidelines":{id:"Tooltips",title:"Tooltips",toc:[{text:"Icon tooltips"}],section:"UX writing",subsection:"",source:"design-guidelines",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(29995),n.e(40409),n.e(81189),n.e(51381),n.e(6193),n.e(20981),n.e(80794),n.e(87670),n.e(98138),n.e(43369)]).then(n.bind(n,73394))},"/ux-writing/terminology/design-guidelines":{id:"Terminology",title:"Terminology",toc:[{text:"Abbreviations and acronyms"}],section:"UX writing",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(43491).then(n.bind(n,38297))},"/ux-writing/sentence-structure/design-guidelines":{id:"Sentence structure",title:"Sentence structure",toc:[{text:"Point of view"},{text:"Voice"}],section:"UX writing",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(13568).then(n.bind(n,81017))},"/ux-writing/punctuation/design-guidelines":{id:"Punctuation",title:"Punctuation",toc:[{text:"Headings and titles"},{text:"Referring to text in the UI"},{text:"Parallel structure"},{text:"Ampersand (&)"},{text:"Buttons"},{text:"Colon and semicolon"},{text:"Commas"},{text:"Ellipses (...)"},{text:"Em dash, en dash, and hyphen"},[{text:"Em dash ( — )"},{text:"En dash ( – )"},{text:"Hyphen ( - )"}],{text:"Exclamation mark"},{text:"Parentheses"},{text:"Quotation marks"}],section:"UX writing",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(13887).then(n.bind(n,24933))},"/ux-writing/product-tours/design-guidelines":{id:"Product tours",title:"Product tours",toc:[],section:"UX writing",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(71059).then(n.bind(n,52688))},"/ux-writing/numerics/design-guidelines":{id:"Numerics",title:"Numerics",toc:[{text:"Font styling"},{text:"Date and time formats"},{text:"Absolute or relative time"},[{text:"Absolute time"},{text:"Relative time"}],{text:"Numbers and currency"},[{text:"Digit grouping"},{text:"Currency"}]],section:"UX writing",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(61231).then(n.bind(n,95518))},"/ux-writing/error-messages/design-guidelines":{id:"Error messages",title:"Error messages",toc:[{text:"Error message structure"},{text:"Best practices for writing error messages"},{text:"404 error pages"},{text:"Best practices for 404 error content"}],section:"UX writing",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(75535).then(n.bind(n,1195))},"/ux-writing/capitalization/design-guidelines":{id:"Capitalization",title:"Capitalization",toc:[{text:"Red Hat product UIs"},[{text:"Capitalization in breadcrumb trails"},{text:"Tools outside your product portfolio"}],{text:"PatternFly website documentation"}],section:"UX writing",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(5313).then(n.bind(n,49042))},"/ux-writing/brand-voice-and-tone/design-guidelines":{id:"Brand voice and tone",title:"Brand voice and tone",toc:[{text:"Voice"},[{text:"Voice traits"}],{text:"Tone"}],section:"UX writing",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(60072).then(n.bind(n,64836))},"/ux-writing/about-ux-writing/design-guidelines":{id:"About UX writing",title:"About UX writing",toc:[{text:"Style guide goal"},{text:"Additional resources"},{text:"Contribute"}],section:"UX writing",subsection:"",source:"design-guidelines",tabName:null,sortValue:1,Component:()=>n.e(63275).then(n.bind(n,63802))},"/components/wizard/design-guidelines":{id:"Wizard",title:"Wizard",toc:[{text:"Elements"},{text:"Usage"},[{text:"When to use"},{text:"When not to use"}],{text:"Behavior"},[{text:"Mobile considerations"}],{text:"Variations"},[{text:"In-page wizard"},{text:"Progressive wizard"},{text:"Modal wizards"},{text:"Wizard with sub-steps"},{text:"Wizard with optional steps"},{text:"Wizard with a drawer"},{text:"Review and completion"}],{text:"Content considerations"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(45237).then(n.bind(n,38182))},"/components/truncate/design-guidelines":{id:"Truncate",title:"Truncate",toc:[{text:"Elements"},{text:"Usage"},{text:"Behavior"},{text:"Variations"},[{text:"Front-line"},{text:"Mid-line"},{text:"End-line"}],{text:"Content considerations"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(89894).then(n.bind(n,86407))},"/components/tree-view/design-guidelines":{id:"Tree view",title:"Tree view",toc:[{text:"Elements"},{text:"Usage"},[{text:"When to use"},{text:"When not to use"},{text:"When to use accordions vs. tree tables vs. tree views"},{text:"Tree view in a page"},{text:"Tree view in a wizard"},{text:"Tree view in a primary-detail or drawer"}],{text:"Variations"},[{text:"Adding a search bar to a tree view"},{text:"Adding checkboxes to a tree view"},{text:"Adding badges to a tree view"},{text:"Adding icons to a tree view"},{text:"Adding action items to a tree view"}],{text:"Spacing"},[{text:"Compact tree view"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(35081).then(n.bind(n,49817))},"/components/tooltip/design-guidelines":{id:"Tooltip",title:"Tooltip",toc:[{text:"Usage"},[{text:"Tooltip delay on hover"},{text:"When to use tooltips vs. popovers"}],{text:"Content considerations"},{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(28211).then(n.bind(n,55933))},"/components/toolbar/design-guidelines":{id:"Toolbar",title:"Toolbar",toc:[{text:"Elements"},[{text:"Bulk selector"},{text:"Filter group"}

1,{text:"Search filter"},{text:"Icon button group"},{text:"Button group"},{text:"Overflow menu"},{text:"Pagination"},{text:"Toolbar toggle groups"},{text:"Vertical dividers"}],{text:"Usage"},[{text:"Examples"},{text:"The toolbar on mobile"}],{text:"Placement"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(49229).then(n.bind(n,24699))},"/components/toggle-group/design-guidelines":{id:"Toggle group",title:"Toggle group",toc:[{text:"Elements"},{text:"Usage"},{text:"Variations"},[{text:"Single select toggle group"},{text:"Multi select toggle group"},{text:"Toggle items"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(73614).then(n.bind(n,58042))},"/components/title/design-guidelines":{id:"Title",title:"Title",toc:[],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(13975).then(n.bind(n,20793))},"/components/timestamp/design-guidelines":{id:"Timestamp",title:"Timestamp",toc:[{text:"Elements"},{text:"Usage"},[{text:"When to use"},{text:"Best practices"}],{text:"Variations"},[{text:"12-hour format"},{text:"24-hour format"},{text:"Abbreviated date"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(74181).then(n.bind(n,95313))},"/components/date-and-time/time-picker/design-guidelines":{id:"Time picker",title:"Time picker",toc:[{text:"Elements"},{text:"Usage"},[{text:"Single time selection"},{text:"Time range selection"},{text:"Date and time range selection"}],{text:"Variations"},[{text:"Time picker in a toolbar"},{text:"Time picker in a form"},{text:"Time picker with time zones"}],{text:"Content considerations"},[{text:"Time format"},{text:"Placeholder text"},{text:"Helper text"},{text:"Error messages"}]],section:"components",subsection:"date-and-time",source:"design-guidelines",tabName:null,Component:()=>n.e(65979).then(n.bind(n,29880))},"/components/tile/design-guidelines":{id:"Tile",title:"Tile",toc:[{text:"Usage"},[{text:"When to use"},{text:"When not to use"}],{text:"Behavior"},{text:"Variations"},[{text:"Basic"},{text:"Subtext"},{text:"Icon"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,deprecated:!0,Component:()=>n.e(11675).then(n.bind(n,33274))},"/components/text-input-group/design-guidelines":{id:"Text input group",title:"Text input group",toc:[{text:"Elements"},{text:"Usage"},[{text:"Attribute value filtering"},{text:"Auto-complete search"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(80329).then(n.bind(n,97346))},"/components/forms/text-input/design-guidelines":{id:"Text input",title:"Text input",toc:[{text:"Elements"},{text:"Usage"},[{text:"Help"},{text:"Errors and validation"}]],section:"components",subsection:"forms",source:"design-guidelines",tabName:null,Component:()=>n.e(29675).then(n.bind(n,90624))},"/components/forms/text-area/design-guidelines":{id:"Text area",title:"Text area",toc:[],section:"components",subsection:"forms",source:"design-guidelines",tabName:null,Component:()=>n.e(3321).then(n.bind(n,15650))},"/components/tabs/design-guidelines":{id:"Tabs",title:"Tabs",toc:[{text:"Usage"},{text:"Variations"},[{text:"Default tabs"},{text:"Boxed tabs"},{text:"Vertical tabs"},{text:"Disabled tabs"},{text:"Horizontal overflow"},{text:"Hierarchy"},{text:"Primary tabs"},{text:"Secondary tabs"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(79767).then(n.bind(n,83895))},"/components/table/design-guidelines":{id:"Table",title:"Table",toc:[{text:"Elements"},{text:"Usage"},[{text:"When to use a table vs. a data list"},{text:"Using lists and tables in a page"},{text:"When to use accordions vs. tree tables vs. tree views"},{text:"Showing more information in a table cell"}],{text:"Variations"},[{text:"Numeral styling"},{text:"Table capabilities"},{text:"Expandable table"},{text:"Compound-expandable table"},{text:"Actionable table"},{text:"Comparison table"},{text:"Row striping"},{text:"Sorting by columns"},{text:"Table with favoriting"}],{text:"Spacing"},[{text:"Compact vs. default spacing"}],{text:"Tables on mobile"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(32477).then(n.bind(n,46111))},"/components/switch/design-guidelines":{id:"Switch",title:"Switch",toc:[{text:"Elements"},{text:"Usage"},[{text:"When to use a switch vs. a radio button"},{text:"When to use a switch vs. a checkbox"}],{text:"Variations"},[{text:"Labeled switch"},{text:"Unlabeled switch"}],{text:"Placement"},{text:"Content considerations"},[{text:"Switch labels"},{text:"Form field labels"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(30972).then(n.bind(n,84490))},"/components/spinner/design-guidelines":{id:"Spinner",title:"Spinner",toc:[{text:"Usage"},{text:"Placement"},[{text:"When to use"},{text:"When not to use"},{text:"Spinner in context"},{text:"Spinner in a wizard"},{text:"Spinner in a full page"},{text:"Spinner in a modal window"},{text:"Spinner in a data list or table (large)"},{text:"When to use a loading spinner vs. a skeleton"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(96610).then(n.bind(n,14457))},"/components/slider/design-guidelines":{id:"Slider",title:"Slider",toc:[{text:"Elements"},{text:"Usage"},[{text:"When to use"},{text:"When not to use"},{text:"Best practices"}],{text:"Variations"},[{text:"Continuous slider"},{text:"Discrete slider"},{text:"Slider within input groups"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(86573).then(n.bind(n,75198))},"/components/skip-to-content/design-guidelines":{id:"Skip to content",title:"Skip to content",toc:[{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(53816).then(n.bind(n,10745))},"/components/skeleton/design-guidelines":{id:"Skeleton",title:"Skeleton",toc:[{text:"Usage"},[{text:"When to use a skeleton vs. a loading spinner"}],{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(73685).then(n.bind(n,18045))},"/components/simple-list/design-guidelines":{id:"Simple list",title:"Simple list",toc:[{text:"Elements"},{text:"Usage"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(46200).then(n.bind(n,19445))},"/components/sidebar/design-guidelines":{id:"Sidebar",title:"Sidebar",toc:[{text:"Usage"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(1145).then(n.bind(n,2862))},"/components/menus/select/design-guidelines":{id:"Select",title:"Select",toc:[{text:"Elements"},{text:"Usage"},[{text:"Single select"},{text:"Checkbox select"},{text:"Multiple select"}],{text:"Variations"},[{text:"Select list with typeahead"},{text:"Select list with count"},{text:"Select list with view more"},{text:"Select lists with description"},{text:"Select lists with favorites"},{text:"Select lists with validation"}]],section:"components",subsection:"menus",source:"design-guidelines",tabName:null,Component:()=>n.e(68399).then(n.bind(n,20821))},"/components/search-input/design-guidelines":{id:"Search input",title:"Search input",toc:[{text:"Usage"},[{text:"Search input as a type-ahead filter"},{text:"Search input as a find function"},{text:"Advanced search"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(28018).then(n.bind(n,31616))},"/components/forms/radio/design-guidelines":{id:"Radio",title:"Radio",toc:[{text:"Usage"},[{text:"Labeling and alignment"}]],section:"components",subsection:"forms",source:"design-guidelines",tabName:null,Component:()=>n.e(10140).then(n.bind(n,34145))},"/components/progress-stepper/design-guidelines":{id:"Progress stepper",title:"Progress stepper",toc:[{text:"Elements"},{text:"Usage"},[{text:"When to use"},{text:"When to use progress stepper vs. wizard"}],{text:"Variations"},[{text:"Basic progress stepper"},{text:"Basic with descriptions"},{text:"Vertical progress stepper"},{text:"Compact progress stepper"},{text:"Progress stepper with icons"},{text:"Progress stepper with help popover"}],{text:"Content considerations"},{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(69006).then(n.bind(n,72738))},"/components/progress/design-guidelines":{id:"Progress",title:"Progress",toc:[{text:"Elements"},{text:"Usage"},[{text:"When to use"}],{text:"Variations"},[{text:"Determinate progress bar"},{text:"Indeterminate progress bar"},{text:"In progress"},{text:"Error state or failure"},{text:"Complete or success"},{text:"In a table"},{text:"In a dashboard view"},{text:"During a file download"},{text:"In a wizard"}],{text:"Spacing"},{text:"Placement"},{text:"Content considerations"},[{text:"Titles"},{text:"Styling for statuses"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(66877).then(n.bind(n,70218))},"/components/popover/design-guidelines":{id:"Popover",title:"Popover",toc:[{text:"Usage"},[{text:"When to use tooltips vs. popovers"}],{text:"Behavior"},{text:"Variations"},[{text:"Default popovers"},{text:"Alert popovers"}],{text:"Content considerations"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(98301).then(n.bind(n,17656))},"/components/password-strength/design-guidelines":{id:"Password strength",title:"Password strength",toc:[{text:"Elements"},{text:"Behavior"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(46449).then(n.bind(n,25363))},"/components/panel/design-guidelines":{id:"Panel",title:"Panel",toc:[{text:"Usage"},[{text:"Examples"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(68590).then(n.bind(n,54368))},"/components/pagination/design-guidelines":{id:"Pagination",title:"Pagination",toc:[{text:"Usage"},{text:"Variations"},[{text:"Full pagination"},{text:"Compact pagination"},{text:"Indeterminate pagination"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(14537).then(n.bind(n,98324))},"/components/page/design-guidelines":{id:"Page",title:"Page",toc:[{text:"Elements"},[{text:"Page with vertical navigation"},{text:"Page with horizontal navigation"}],{text:"Usage"},[{text:"Page sections"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(36049).then(n.bind(n,2585))},"/components/overflow-menu/design-guidelines":{id:"Overflow menu",title:"Overflow menu",toc:[{text:"Usage"},[{text:"When to use"},{text:"When not to use"}],{text:"Behavior"},{text:"Content considerations"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(2116).then(n.bind(n,23452))},"/components/number-input/design-guidelines":{id:"Number input",title:"Number input",toc:[{text:"Elements"},{text:"Usage"},[{text:"When to use"},{text:"When not to use"},{text:"Best practices"}],{text:"Variations"},[{text:"Default"},{text:"With thresholds"}],{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(10570).then(n.bind(n,4448))},"/components/notification-drawer/design-guidelines":{id:"Notification drawer",title:"Notification drawer",toc:[{text:"Elements"},[{text:"Basic notification drawer"},{text:"Grouped notification drawer"}],{text:"Usage"},[{text:"When to use"},{text:"When not to use"},{text:"How to use"}],{text:"Placement"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(88278).then(n.bind(n,66934))},"/components/notification-badge/design-guidelines":{id:"Notification badge",title:"Notification badge",toc:[{text:"Elements"},{text:"Usage"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(38804).then(n.bind(n,39682))},"/components/navigation/design-guidelines":{id:"Navigation",title:"Navigation",toc:[{text:"Elements"},{text:"Usage"},{text:"Variations"},[{text:"Vertical navigation"},{text:"Simple vertical navigation"},{text:"Grouped navigation"},{text:"Expandable two-level navigation"},{text:"Expandable three-level navigation"},{text:"Fly-out navigation"},{text:"Drill-down navigation"},{text:"Combining vertical navigation patterns"},{text:"Horizontal navigation"},{text:"Secondary horizontal navigation"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(41887).then(n.bind(n,71114))},"/components/modal/design-guidelines":{id:"Modal",title:"Modal",toc:[{text:"Elements"},{text:"Usage"},{text:"Variations"},[{text:"Confirmation dialogs"},{text:"Edit dialogs"},{text:"Error dialogs"},{text:"Passive dialogs"},{text:"Input dialogs"},{text:"Modals with help"}],{text:"Spacing"},{text:"Placement"},[{text:"Center-aligned modal (default)"},{text:"Top-aligned modal"}],{text:"Content considerations"},[{text:"Icon use in modal dialogs"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>Promise.all([n.e(95657),n.e(95120)]).then(n.bind(n,97631))},"/components/menus/menu-toggle/design-guidelines":{id:"Menu toggle",title:"Menu toggle",toc:[],section:"components",subsection:"menus",source:"design-guidelines",tabName:null,Component:()=>n.e(28872).then(n.bind(n,41065))},"/components/menus/menu/design-guidelines":{id:"Menu",title:"Menu",toc:[{text:"Elements"},{text:"Usage"},{text:"Variations"},[{text:"Action menu"},{text:"Option select menus"},{text:"Grouped menus"},{text:"Multi-level fly-out menus"},{text:"Filtering menu items"},{text:"Favoriting and other actions"},{text:"Drilldown menu"},{text:"Red text menu"},{text:"Disabled menus and menu options"}],{text:"Content considerations"}],section:"components",subsection:"menus",source:"design-guidelines",tabName:null,Component:()=>n.e(75146).then(n.bind(n,29250))},"/components/masthead/design-guidelines":{id:"Masthead",title:"Masthead",toc:[{text:"Elements"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(22885).then(n.bind(n,27830))},"/components/login-page/design-guidelines":{id:"Login page",title:"Login page",toc:[{text:"Elements"},{text:"Usage"},[{text:"Authentication methods"},{text:"Error states"}],{text:"Content considerations"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(11550).then(n.bind(n,36818))},"/components/list/design-guidelines":{id:"List",title:"List",toc:[{text:"Usage"},{text:"Variations"},[{text:"Unordered"},{text:"Ordered"},{text:"With icons"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(90926).then(n.bind(n,64385))},"/components/label/design-guidelines":{id:"Label",title:"Label",toc:[{text:"Labels"},[{text:"Elements"},{text:"Usage"},{text:"Variations"}],{text:"Label groups"},[{text:"Elements",id:"elements-0"},{text:"Usage",id:"usage-0"},{text:"Variations",id:"variations-0"}],{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(46681).then(n.bind(n,96948))},"/components/jump-links/design-guidelines":{id:"Jump links",title:"Jump links",toc:[{text:"Elements"},{text:"Usage"},[{text:"Placement"},{text:"Jump links on mobile"}],{text:"Variations"},[{text:"Vertical jump links"},{text:"Horizontal jump links"},{text:"Jump links with subsections"}],{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(65395).then(n.bind(n,51750))},"/components/input-group/design-guidelines":{id:"Input group",title:"Input group",toc:[{text:"Usage"},[{text:"When to use"},{text:"When not to use"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(42996).then(n.bind(n,75493))},"/components/inline-edit/design-guidelines":{id:"Inline edit",title:"Inline edit",toc:[{text:"Elements"},{text:"Usage"},[{text:"When to use"},{text:"When not to use"}],{text:"Variations"},[{text:"Page inline edit"},{text:"Page inline elements"},{text:"Field-specific edit"},{text:"Full page edit"},{text:"Table in

1line edit"},{text:"Table inline elements"},{text:"Row editing"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(63309).then(n.bind(n,9031))},"/components/hint/design-guidelines":{id:"Hint",title:"Hint",toc:[{text:"Usage"},{text:"Content considerations"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(68163).then(n.bind(n,50203))},"/components/helper-text/design-guidelines":{id:"Helper text",title:"Helper text",toc:[{text:"Usage"},[{text:"When to use helper text"},{text:"When not to use helper text"},{text:"Example"}],{text:"Content considerations"},{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(77143).then(n.bind(n,59909))},"/components/forms/form-select/design-guidelines":{id:"Form select",title:"Form select",toc:[{text:"Usage"}],section:"components",subsection:"forms",source:"design-guidelines",tabName:null,Component:()=>n.e(10012).then(n.bind(n,92521))},"/components/forms/form-control/design-guidelines":{id:"Form control",title:"Form control",toc:[{text:"Usage"},{text:"Variations"},[{text:"Status/state controls"},{text:"Grey-out controls"},{text:"Custom icons"}]],section:"components",subsection:"forms",source:"design-guidelines",tabName:null,Component:()=>n.e(91018).then(n.bind(n,86508))},"/components/forms/form/design-guidelines":{id:"Form",title:"Form",toc:[{text:"Elements"},[{text:"Labels"},{text:"Text inputs"},{text:"Data inputs"},{text:"Buttons"}],{text:"Usage"},[{text:"Types of user guidance"},{text:"Errors and validation"}],{text:"Variations"},[{text:"Form sections"},{text:"Field groups"}],{text:"Spacing"},[{text:"General spacing"},{text:"Button spacing"},{text:"Forms on a page"},{text:"Forms in a wizard"},{text:"Forms in a modal"},{text:"Multi-column forms"}],{text:"Content considerations"},[{text:"Field labels"},{text:"Placeholder text",id:"placeholder-text-0"},{text:"Helper text",id:"helper-text-0"},{text:"Popovers",id:"popovers-0"},{text:"Error messages"},{text:"Buttons",id:"buttons-0"}],{text:"Accessibility"},[{text:"Form sections",id:"form-sections-0"},{text:"Field groups",id:"field-groups-0"},{text:"Placeholder text",id:"placeholder-text-1"},{text:"Multiple forms on a page"}]],section:"components",subsection:"forms",source:"design-guidelines",tabName:null,Component:()=>n.e(81219).then(n.bind(n,43096))},"/components/file-upload/multiple-file-upload/design-guidelines":{id:"Multiple file upload",title:"Multiple file upload",toc:[{text:"Elements"},[{text:"Multiple file upload component"}],{text:"Usage"},[{text:"When to use"}],{text:"Behavior"},[{text:"Basic workflow"},{text:"Upload file(s) via the Upload button"},{text:"Drag and drop file(s)"},{text:"Loading states"},{text:"Validation"}]],section:"components",subsection:"file-upload",source:"design-guidelines",tabName:null,Component:()=>n.e(64049).then(n.bind(n,42678))},"/components/file-upload/simple-file-upload/design-guidelines":{id:"Simple file upload",title:"Simple file upload",toc:[{text:"Elements"},{text:"Usage"},[{text:"Best practices"}],{text:"Behavior"},[{text:"Upload complete non-editable"},{text:"Upload complete editable"},{text:"Loading states"},{text:"Error"}]],section:"components",subsection:"file-upload",source:"design-guidelines",tabName:null,Component:()=>n.e(36230).then(n.bind(n,68559))},"/components/expandable-section/design-guidelines":{id:"Expandable section",title:"Expandable section",toc:[{text:"Elements"},{text:"Usage"},{text:"Variations"},[{text:"Expandable section with blue line"},{text:"Expandable section in a form"},{text:"Expandable section in an inline alert"},{text:"Expandable section in a side panel"},{text:"Expandable section in a documentation page"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(77305).then(n.bind(n,14913))},"/components/empty-state/design-guidelines":{id:"Empty state",title:"Empty state",toc:[{text:"Elements"},{text:"Usage"},[{text:"Getting started"},{text:"No results"},{text:"Required configuration"},{text:"No access"},{text:"Back-end failure"},{text:"Success"},{text:"Creation"}],{text:"Variations"},[{text:"Extra small empty state"},{text:"Small empty state"},{text:"Large empty state"},{text:"Extra large empty state"}],{text:"Visual design"},[{text:"Icons"},{text:"Colors"}],{text:"Content considerations"},[{text:"Level of detail"},{text:"Capitalization and punctuation"},{text:"Voice and tone"},{text:"Buttons and links"},{text:"One primary call to action"},{text:"Multiple calls to action"},{text:"One secondary call to action"},{text:"Alignment"},{text:"Full-page empty states"},{text:"Empty states inside tables, cards, or wizards"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(185).then(n.bind(n,82008))},"/components/dual-list-selector/design-guidelines":{id:"Dual list selector",title:"Dual list selector",toc:[{text:"Usage"},[{text:"When to use"},{text:"When not to use"}],{text:"Behavior"},{text:"Variations"},[{text:"Basic dual list"},{text:"Expandable dual list"},{text:"Drag and drop dual list"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(35905).then(n.bind(n,42322))}

1,"/components/menus/dropdown/design-guidelines":{id:"Dropdown",title:"Dropdown",toc:[{text:"Elements"},{text:"Variations"},[{text:"Primary toggle"},{text:"Secondary toggle"},{text:"Plain toggle"},{text:"Icon toggle"},{text:"Split button"}]],section:"components",subsection:"menus",source:"design-guidelines",tabName:null,Component:()=>n.e(2139).then(n.bind(n,24526))},"/components/drawer/design-guidelines":{id:"Drawer",title:"Drawer",toc:[{text:"Usage"},[{text:"Splitter in a drawer"},{text:"When to use a splitter"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(16477).then(n.bind(n,54226))},"/components/drag-and-drop/design-guidelines":{id:"Drag and drop",title:"Drag and drop",toc:[{text:"Usage"},[{text:"Simple list"},{text:"Multiple lists"},{text:"Draggable cards"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(95305).then(n.bind(n,65440))},"/components/divider/design-guidelines":{id:"Divider",title:"Divider",toc:[{text:"Usage"},{text:"Variations"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(82743).then(n.bind(n,46460))},"/components/description-list/design-guidelines":{id:"Description list",title:"Description list",toc:[{text:"Usage"},{text:"Variations"},[{text:"Default"},{text:"Horizontal"},{text:"Using columns"},{text:"Term help text"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>

1n.e(10495).then(n.bind(n,38641))},"/components/date-and-time/date-picker/design-guidelines":{id:"Date picker",title:"Date picker",toc:[{text:"Elements"},{text:"Usage"},[{text:"Single date selection"},{text:"Date range selection"},{text:"Date and time range selection"}],{text:"Variations"},[{text:"Date picker in a toolbar"},{text:"Date pickers in a form"}],{text:"Content considerations"},[{text:"Date format"},{text:"Placeholder text"},{text:"Helper text"},{text:"Error message"}]],section:"components",subsection:"date-and-time",source:"design-guidelines",tabName:null,Component:()=>n.e(50328).then(n.bind(n,46945))},"/components/data-list/design-guidelines":{id:"Data list",title:"Data list",toc:[{text:"Elements"},{text:"Usage"},[{text:"When to use a data list vs. a table"}],{text:"Variations"},[{text:"Data list capabilities"},{text:"Selectable data list"},{text:"Clickable data list"},{text:"Expandable data list"},{text:"Draggable data list rows"}],{text:"Spacing"},[{text:"Compact spacing"},{text:"Default spacing"}],{text:"Alternative solutions"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(7388).then(n.bind(n,33219))},"/components/menus/context-selector/design-guidelines":{id:"Context selector",title:"Context selector",toc:[{text:"Elements"},{text:"Usage"},[{text:"Using search in a context selector"},{text:"Using footers in context selector"}],{text:"Variations"},[{text:"Application-wide impact"},{text:"Navigation-level impact"},{text:"Page-level impact"}]],section:"components",subsection:"menus",source:"design-guidelines",tabName:null,Component:()=>n.e(86851).then(n.bind(n,19977))},"/components/content/design-guidelines":{id:"Content",title:"Content",toc:[{text:"Usage"},[{text:"When to use content vs. title"}],{text:"Variations"},[{text:"Body content"},{text:"Headings"},{text:"Editorial content"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(42645).then(n.bind(n,40827))},"/components/code-editor/design-guidelines":{id:"Code editor",title:"Code editor",toc:[{text:"Elements"},[{text:"Light theme editor"},{text:"Dark theme editor"}],{text:"Usage"},[{text:"Creating or editing with a code editor"},{text:"Empty state"},{text:"Displaying code in a code editor"}],{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(19801).then(n.bind(n,79705))},"/components/code-block/design-guidelines":{id:"Code block",title:"Code block",toc:[{text:"Elements"},[{text:"Multiple action buttons"},{text:"Show more/less"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(69224).then(n.bind(n,23211))},"/components/clipboard-copy/design-guidelines":{id:"Clipboard copy",title:"Clipboard copy",toc:[{text:"Elements"},{text:"Usage"},[{text:"Features"},{text:"Clipboard copy in context"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(41851).then(n.bind(n,60849))},"/components/chip/design-guidelines":{id:"Chip",title:"Chip",toc:[{text:"Elements"},{text:"Usage"},{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(60493).then(n.bind(n,78566))},"/components/forms/checkbox/design-guidelines":{id:"Checkbox",title:"Checkbox",toc:[{text:"Usage"},[{text:"When to use"},{text:"Labeling and alignment"},{text:"When to use switches vs. checkboxes"}]],section:"components",subsection:"forms",source:"design-guidelines",tabName:null,Component:()=>n.e(37537).then(n.bind(n,21808))},"/components/card/design-guidelines":{id:"Card",title:"Card",toc:[{text:"Elements"},{text:"Usage"},[{text:"When to use"},{text:"When not to use"},{text:"Images"},{text:"Cards in catalog views"},{text:"Cards in primary-detail views"},{text:"Cards in dashboards"}],{text:"Variations"},[{text:"Expandable cards"},{text:"Selectable cards"},{text:"Clickable cards"},{text:"Selectable and clickable cards"},{text:"Card with link"},{text:"Cards as tiles"}],{text:"Spacing"},[{text:"Content spacing"}],{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(45986).then(n.bind(n,78669))},"/components/date-and-time/calendar-month/design-guidelines":{id:"Calendar month",title:"Calendar month",toc:[{text:"Elements"},{text:"Accessibility"}],section:"components",subsection:"date-and-time",source:"design-guidelines",tabName:null,Component:()=>n.e(86895).then(n.bind(n,51022))},"/components/button/design-guidelines":{id:"Button",title:"Button",toc:[{text:"Usage"},{text:"Variations"},[{text:"Danger button"},{text:"Primary button"},{text:"Secondary button"},{text:"Tertiary button"},{text:"Link button"},{text:"When to use"},{text:"Icon button"},{text:"Call To Action button"},{text:"Progress button"}],{text:"Spacing"},[{text:"Button spacing and action lists"},{text:"Exceptions"},{text:"Buttons and overflow menus"}],{text:"Placement"},{text:"Content considerations"},[{text:"Writing button labels"},{text:"Writing link labels"}],{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(10698).then(n.bind(n,18296))},"/components/breadcrumb/design-guidelines":{id:"Breadcrumb",title:"Breadcrumb",toc:[{text:"Usage"},[{text:"Guidelines"}],{text:"Placement"},{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(438).then(n.bind(n,62703))},"/components/brand/design-guidelines":{id:"Brand",title:"Brand",toc:[{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(53017).then(n.bind(n,50430))},"/components/banner/design-guidelines":{id:"Banner",title:"Banner",toc:[{text:"Usage"},[{text:"When to use"},{text:"When not to use"}],{text:"Variations"},[{text:"Banners with icons"}],{text:"Spacing"},[{text:"Padding"}],{text:"Placement"},{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(71321).then(n.bind(n,94802))},"/components/badge/design-guidelines":{id:"Badge",title:"Badge",toc:[{text:"Usage"},{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(99932).then(n.bind(n,71440))},"/components/background-image/design-guidelines":{id:"Backgroun

1d image",title:"Background image",toc:[{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(60407).then(n.bind(n,38165))},"/components/backdrop/design-guidelines":{id:"Backdrop",title:"Backdrop",toc:[{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(56215).then(n.bind(n,31869))},"/components/back-to-top/design-guidelines":{id:"Back to top",title:"Back to top",toc:[{text:"Elements"},{text:"Usage"},[{text:"When to use"},{text:"When not to use"}],{text:"Behavior"},{text:"Variations"},{text:"Content guidelines"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(8710).then(n.bind(n,78154))},"/components/avatar/design-guidelines":{id:"Avatar",title:"Avatar",toc:[{text:"Usage"},[{text:"Small (24 px)"},{text:"Medium (36 px)"},{text:"Large (72 px)"},{text:"Extra Large (128 px)"}],{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(10948).then(n.bind(n,11824))},"/components/menus/application-launcher/design-guidelines":{id:"Application launcher",title:"Application launcher",toc:[{text:"Elements"},{text:"Usage"},{text:"Examples"},{text:"Accessibility"}],section:"components",subsection:"menus",source:"design-guidelines",tabName:null,Component:()=>n.e(19934).then(n.bind(n,84459))},"/components/alert/design-guidelines":{id:"Alert",title:"Alert",toc:[{text:"Elements"},[{text:"Alerts"},{text:"Alert groups"},{text:"Communicating severity"}],{text:"Usage"},[{text:"Customizing alerts"},{text:"Managing overflow"}],{text:"Placement"},[{text:"Toast alerts"},{text:"Bordered inline alerts"},{text:"Plain inline alerts"}],{text:"Content considerations"},{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(50769).then(n.bind(n,51775))},"/components/action-list/design-guidelines":{id:"Action list",title:"Action list",toc:[{text:"Usage"},[{text:"Examples"}],{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(65145).then(n.bind(n,92565))},"/components/accordion/design-guidelines":{id:"Accordion",title:"Accordion",toc:[{text:"Elements"},{text:"Usage"},[{text:"When to use accordions vs. tree tables vs. tree views"}],{text:"Behavior"},{text:"Variations"},{text:"Accessibility"}],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(5700).then(n.bind(n,76431))},"/components/about-modal/design-guidelines":{id:"About modal",title:"About modal",toc:[{text:"Elements"},{text:"Usage"},{text:"Behavior"},[{text:"Accessing the about modal"}]],section:"components",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(9407).then(n.bind(n,29274))},"/charts/tooltips/design-guidelines":{id:"Tooltips",title:"Tooltips",toc:[{text:"Usage"},{text:"Example"}],section:"charts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(66315).then(n.bind(n,29239))},"/charts/threshold-chart/design-guidelines":{id:"Threshold chart",title:"Threshold chart",toc:[],section:"charts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(28480).then(n.bind(n,61623))},"/charts/themes/design-guidelines":{id:"Themes",title:"Themes",toc:[],section:"charts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(28561).then(n.bind(n,63266))},"/charts/stack-chart/design-guidelines":{id:"Stack chart",title:"Stack chart",toc:[{text:"Usage"}],section:"charts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(80217).then(n.bind(n,36202))},"/charts/sparkline-chart/design-guidelines":{id:"Sparkline chart",title:"Sparkline chart",toc:[{text:"Usage"},[{text:"Example"}]],section:"charts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(6494).then(n.bind(n,58754))},"/charts/scatter-chart/design-guidelines":{id:"Scatter chart",title:"Scatter chart",toc:[],section:"charts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(64979).then(n.bind(n,75509))},"/charts/pie-chart/design-guidelines":{id:"Pie chart",title:"Pie chart",toc:[{text:"Usage"},[{text:"Example"}]],section:"charts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(7239).then(n.bind(n,18571))},"/charts/line-chart/design-guidelines":{id:"Line chart",title:"Line chart",toc:[{text:"Usage"},[{text:"Example"}]],section:"charts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(32075).then(n.bind(n,50029))},"/charts/legends/design-guidelines":{id:"Legends",title:"Legends",toc:[],section:"charts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(66152).then(n.bind(n,91258))},"/charts/donut-utilization-chart/design-guidelines":{id:"Donut utilization chart",title:"Donut utilization chart",toc:[{text:"Usage"},[{text:"Donut chart - Utilization"},{text:"Donut chart - Utilization with threshold"}]],section:"charts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(17127).then(n.bind(n,6141))},"/charts/donut-chart/design-guidelines":{id:"Donut chart",title:"Donut chart",toc:[{text:"Usage"},[{text:"Example"}]],section:"charts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(64360).then(n.bind(n,80767))},"/charts/bullet-chart/design-guidelines":{id:"Bullet chart",title:"Bullet chart",toc:[{text:"Usage"},[{text:"Example"}]],section:"charts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(85566).then(n.bind(n,23151))},"/charts/bar-chart/design-guidelines":{id:"Bar chart",title:"Bar chart",toc:[{text:"Usage"},{text:"Horizontal vs. vertical bar charts"}],section:"charts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(39961).then(n.bind(n,45921))},"/charts/area-chart/design-guidelines":{id:"Area chart",title:"Area chart",toc:[{text:"Usage"},[{text:"Example"}]],section:"charts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(56991).then(n.bind(n,34077))},"/charts/about-charts/design-guidelines":{id:"About charts",title:"About charts",toc:[{text:"Elements"},{text:"Chart types"},{text:"Charts in cards"},{text:"Brush and zoom"},[{text:"Example"}],{text:"Interactive chart legends"},[{text:"Example",id:"example-0"}]],section:"charts",subsection:"",source:"design-guidelines",tabName:null,Component:()=>n.e(59589).then(n.bind(n,7827))},"/training/react/training":{id:"React",title:"React",toc:[{text:"Fundamentals"}],section:"training",subsection:"",source:"training",tabName:null,Component:()=>Promise.all([n.e(97462),n.e(41845),n.e(6441),n.e(81051)]).then(n.bind(n,68095))},"/training/html/training":{id:"HTML",title:"HTML",toc:[{text:"Fundamentals"},{text:"CSS Overrides"}],section:"training",subsection:"",source:"training",tabName:null,Component:()=>Promise.all([n.e(97462),n.e(41845),n.e(6441),n.e(45937)]).then(n.bind(n,55574))},"/training/react-fundamentals-training/training":{id:"React fundamentals training",title:"React fundamentals training",toc:[{text:"Step 1. Consider and evaluate the design"},{text:"Step 2. Build out the CardHeader"},[{text:"Step 2.1"},{text:"Step 2.2"},{text:"Step 2.3"}],{text:"Step 3. Build out the CardTitle"},[{text:"Step 3.1"},{text:"Step 3.2"}],{text:"Step 4. Add content to the CardBody component"},{text:"Step 5. Add content and a layout to the CardFooter"},[{text:"Step 5.1"},{text:"Step 5.2"},{text:"Step 5.3"},{text:"Step 5.4"}],{text:"Compare your results"}],section:"training",subsection:"",source:"training",tabName:null,hideNavItem:!0,Component:()=>n.e(12230).then(n.bind(n,20982))},"/training/html-fundamentals-training/training":{id:"HTML fundamentals training",title:"HTML fundamentals training",toc:[{text:"Components"},[{text:"Step 1. Add a button component."},{text:"Step 2. Build more complex components"}],{text:"Layouts"},[{text:"Step 1"},{text:"Step 2"}],{text:"Demos"},[{text:"Step 1. Add five form components"}

1,{text:"Step 2. Apply a grid layout"},{text:"Step 3."},{text:"Step 4. Add the pf-m-gutter modifier class to the grid layout"},{text:"Step 5. Add modifier classes to the grid item classes."}],{text:"Compare your results."}],section:"training",subsection:"",source:"training",tabName:null,hideNavItem:!0,Component:()=>n.e(2475).then(n.bind(n,65315))},"/training/html-css-variables-and-overrides-training/training":{id:"HTML CSS variables and overrides training",title:"HTML CSS variables and overrides training",toc:[{text:"Part 1: Overriding PatternFly component-level properties"},[{text:"Step 1. Familiarize with index.html"},{text:"Step 2. Create custom property name and styles"}],{text:"Part 2: Overriding PatternFly global properties"},[{text:"Step 1. Familiarize with index.html",id:"step-1.-familiarize-with-index.html-0"},{text:"Step 2. Override a global custom property"}],{text:"Part 3: Create and use component level CSS variables to override PatternFly styles"},[{text:"Step 1. Familiarize with index.html",id:"step-1.-familiarize-with-index.html-1"},{text:"Step 2. Style the badge"}],{text:"Part 4: Create and use global CSS variables to override PatternFly styles"},[{text:"Step 1. Familiarize with index.html",id:"step-1.-familiarize-with-index.html-2"},{text:"Step 2. Define a global custom property name"},{text:"Step 3. Create a local component level custom property"},{text:"Step 4. Define the styles for the new 5xl variation."},{text:"Compare your results."}]],section:"training",subsection:"",source:"training",tabName:null,hideNavItem:!0,Component:()=>n.e(33915).then(n.bind(n,57940))},"/tokens/develop-with-tokens/tokens":{id:"Develop with tokens",title:"Develop with tokens",toc:[{text:"Using tokens in code"},[{text:"Dark theme support"}],{text:"Migrate to tokens"},[{text:"Selecting tokens"},{text:"React tokens"}]],section:"tokens",subsection:"",source:"tokens",tabName:null,Component:()=>n.e(96382).then(n.bind(n,63338))},"/tokens/design-with-tokens/tokens":{id:"Design with tokens",title:"Design with tokens",toc:[{text:"Using tokens in Figma"},[{text:"Customizing designs with tokens"}]],section:"tokens",subsection:"",source:"tokens",tabName:null,Component:()=>n.e(11066).then(n.bind(n,37920))},"/tokens/about-tokens/tokens":{id:"About tokens",title:"About tokens",toc:[{text:"Why use tokens?"},[{text:"Consistency"},{text:"Easier maintenance"}],{text:"Token layers"},{text:"Token names"}],section:"tokens",subsection:"",source:"tokens",tabName:null,Component:()=>n.e(24986).then(n.bind(n,97687))},"/patternfly-ai/ai-guidelines/PatternFly-AI":{id:"AI guidelines",title:"AI guidelines",toc:[{text:"Determine if AI adds value."},{text:"Enhance human ability with AI: don't replace it."},{text:"Be transparent with users."},{text:"Be prepared for something to go wrong."}],section:"PatternFly-AI",subsection:"",source:"PatternFly-AI",tabName:null,Component:()=>n.e(71196).then(n.bind(n,65043))},"/patternfly-ai/about-ai/PatternFly-AI":{id:"About AI",title:"About AI",toc:[{text:"AI principles"},[{text:"Accountable"},{text:"Explainable"},{text:"Transparent"},{text:"Fair"},{text:"Human-centered"}],{text:"Red Hat policies"}],section:"PatternFly-AI",subsection:"",source:"PatternFly-AI",tabName:null,Component:()=>n.e(68179).then(n.bind(n,70912))},"/patternfly-ai/conversation-design/PatternFly-AI":{id:"Conversation design",title:"Conversation design",toc:[{text:"Best practices"},{text:"Writing for chatbots"},[{text:"Welcome and goodbye messages"},{text:"Bot prompts"},{text:"AI disclosure"}]],section:"PatternFly-AI",subsection:"",source:"PatternFly-AI",tabName:null,Component:()=>n.e(31580).then(n.bind(n,16656))},"/utility-classes/about-utility-classes/landing-pages":{id:"About utility classes",title:"Utility classes",toc:[],section:"utility-classes",subsection:"",source:"landing-pages",tabName:null,sortValue:1,Component:()=>Promise.all([n.e(73482),n.e(47949),n.e(94612)]).then(n.bind(n,43703))},"/patterns/about-patterns/landing-pages":{id:"About patterns",title:"Patterns",toc:[],section:"patterns",subsection:"",source:"landing-pages",tabName:null,sortValue:1,Component:()=>Promise.all([n.e(73482),n.e(47949),n.e(26172)]).then(n.bind(n,37947))},"/layouts/about-layouts/landing-pages":{id:"About layouts",title:"Layouts",toc:[],section:"layouts",subsection:"",source:"landing-pages",tabName:null,sortValue:1,Component:()=>Promise.all([n.e(73482),n.e(47949),n.e(11576)]).then(n.bind(n,68981))},"/extensions/about-extensions/landing-pages":{id:"About extensions",title:"Extensions",toc:[],section:"extensions",subsection:"",source:"landing-pages",tabName:null,sortValue:1,Component:()=>Promise.all([n.e(73482),n.e(47949),n.e(74602)]).then(n.bind(n,42033))},"/design-foundations/about-design-foundations/landing-pages":{id:"About design foundations",title:"Design Foundations",toc:[],section:"design-foundations",subsection:"",source:"landing-pages",tabName:null,sortValue:1,Component:()=>Promise.all([n.e(73482),n.e(47949),n.e(1201)]).then(n.bind(n,96284))}

1,"/components/all-components/landing-pages":{id:"All components",title:"All components",toc:[],section:"components",subsection:"",source:"landing-pages",tabName:null,sortValue:1,Component:()=>Promise.all([n.e(73482),n.e(47949),n.e(92965)]).then(n.bind(n,95190))},"/tokens/all-patternfly-tokens/tokens":{id:"All PatternFly tokens",title:"All PatternFly tokens",toc:[],section:"tokens",subsection:"",source:"tokens",tabName:null,Component:()=>Promise.all([n.e(48696),n.e(96194)]).then(n.bind(n,34726))},"/utility-classes/text/html":{id:"Text",title:"Text",toc:[{text:"Examples"},[{text:"Font family"},{text:"Font size"},{text:"Font weight"},{text:"Standard text colors"},{text:"Inverse colors"},{text:"Link colors"},{text:"Status and state text colors"},{text:"Disabled text colors"},{text:"Icon colors"},{text:"Controlling text"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Font family","Font size","Font weight","Standard text colors","Inverse colors","Link colors","Status and state text colors","Disabled text colors","Icon colors","Controlling text"],section:"utility-classes",subsection:"",source:"html",tabName:null,Component:()=>n.e(20615).then(n.bind(n,92038))},"/utility-classes/spacing/html":{id:"Spacing",title:"Spacing",toc:[{text:"Examples"},[{text:"Margin"},{text:"Padding"},{text:"Combined"}],{text:"Documentation"},[{text:"Overview"},{text:"Margin properties"},{text:"Padding properties"},{text:"Size values"},{text:"Usage"}]],examples:["Margin","Padding","Combined"],section:"utility-classes",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(62254),n.e(80258)]).then(n.bind(n,94e3))},"/utility-classes/sizing/html":{id:"Sizing",title:"Sizing",toc:[{text:"Examples"},[{text:"Width base and percentage units"},{text:"Usage"},{text:"Width viewport units"},{text:"Usage",id:"usage-0"},{text:"Height base and percentage units"},{text:"Usage",id:"usage-1"},{text:"Height viewport units"},{text:"Usage",id:"usage-2"},{text:"Min width"},{text:"Max width"},{text:"Min and max width"},{text:"Responsive width control"},{text:"Usage",id:"usage-3"},{text:"Min height"},{text:"Max height"},{text:"Min and max height"},{text:"Responsive height control"},{text:"Usage",id:"usage-4"}]],examples:["Width base and percentage units","Height base and percentage units","Min width","Max width","Min and max width","Responsive width control","Min height","Max height","Min and max height","Responsive height control"],fullscreenExamples:["Width viewport units","Height viewport units"],section:"utility-classes",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(92718),n.e(46756)]).then(n.bind(n,22178))},"/utility-classes/float/html":{id:"Float",title:"Float",toc:[{text:"Examples"},[{text:"Basic"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Basic"],section:"utility-classes",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(44906),n.e(35633)]).then(n.bind(n,47229))},"/utility-classes/flex/html":{id:"Flex",title:"Flex",toc:[{text:"Examples"},[{text:"Basic"},{text:"Direction"},{text:"Justified content"},{text:"Aligned items"},{text:"Aligned self"},{text:"Aligned content"},{text:"Shrink"},{text:"Grow"},{text:"Basis and none"},{text:"Fill"},{text:"Wrap"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Basic","Direction","Justified content","Aligned items","Aligned self","Aligned content","Shrink","Grow","Basis and none","Fill","Wrap"],section:"utility-classes",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(22823),n.e(32212)]).then(n.bind(n,81397))},"/utility-classes/display/html":{id:"Display",title:"Display",toc:[{text:"Examples"},[{text:"Inline"},{text:"Block"},{text:"Inline block"},{text:"Flex"},{text:"Inline flex"},{text:"Grid"},{text:"Inline grid"},{text:"Table, table row, table cell"},{text:"None"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Inline","Block","Inline block","Flex","Inline flex","Grid","Inline grid","Table, table row, table cell","None"],section:"utility-classes",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(81403),n.e(31840)]).then(n.bind(n,4363))}

1,"/utility-classes/box-shadow/html":{id:"Box shadow",title:"Box shadow",toc:[{text:"Examples"},[{text:"Small"},{text:"Medium"},{text:"Large"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Small","Medium","Large"],section:"utility-classes",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(43442),n.e(58158)]).then(n.bind(n,95555))},"/utility-classes/background-color/html":{id:"Background color",title:"Background color",toc:[{text:"Examples"},[{text:"Standard background colors"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Standard background colors"],section:"utility-classes",subsection:"",source:"html",tabName:null,Component:()=>n.e(29043).then(n.bind(n,1351))},"/utility-classes/alignment/html":{id:"Alignment",title:"Alignment",toc:[{text:"Examples"},[{text:"Basic"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Basic"],section:"utility-classes",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(87205),n.e(44327)]).then(n.bind(n,24814))},"/utility-classes/accessibility/html":{id:"Accessibility",title:"Accessibility",toc:[{text:"Examples"},[{text:"Screen reader only"},{text:"Visible"},{text:"Hidden"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Screen reader only","Visible","Hidden"],section:"utility-classes",subsection:"",source:"html",tabName:null,Component:()=>n.e(50113).then(n.bind(n,14246))},"/layouts/stack/html":{id:"Stack",title:"Stack",toc:[{text:"Examples"},[{text:"Basic"},{text:"With gutter"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Basic","With gutter"],section:"layouts",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(28704),n.e(623)]).then(n.bind(n,77109))},"/layouts/split/html":{id:"Split",title:"Split",toc:[{text:"Examples"},[{text:"Basic"},{text:"With gutter"},{text:"Wrappable"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Basic","With gutter","Wrappable"],section:"layouts",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(23645),n.e(49810)]).then(n.bind(n,69151))},"/layouts/level/html":{id:"Level",title:"Level",toc:[{text:"Examples"},[{text:"Two items"},{text:"Three items"},{text:"With gutters"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Two items","Three items","With gutters"],section:"layouts",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(37094),n.e(27517)]).then(n.bind(n,27136))},"/layouts/grid/html":{id:"Grid",title:"Grid",toc:[{text:"Examples"},[{text:"Smart (responsive)"},{text:"Smart with overrides (responsive)"},{text:"Base"},{text:"Gutter"},{text:"Responsive"},{text:"Nested"},{text:"Offsets"},{text:"Row spans"},{text:"As a list"}],{text:"Ordering"},[{text:"Ordering example"},{text:"Responsive ordering"},{text:"Grouped ordering"},{text:"Grouped, responsive ordering"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Smart (responsive)","Smart with overrides (responsive)","Base","Gutter","Responsive","Nested","Offsets","Row spans","As a list","Ordering example","Responsive ordering","Grouped ordering","Grouped, responsive ordering"],section:"layouts",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(89420),n.e(11436)]).then(n.bind(n,36538))},"/layouts/gallery/html":{id:"Gallery",title:"Gallery",toc:[{text:"Examples"},[{text:"Basic"},{text:"With gutter"},{text:"Grid template minmax() width customization"},{text:"Min width modified gallery"},{text:"Max width modified gallery"},{text:"Min width modified gallery, responsive updates"},{text:"Max width modified gallery, responsive updates"},{text:"Min and max width modified gallery, responsive updates"},{text:"List type"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Basic","With gutter","Min width modified gallery","Max width modified gallery","Min width modified gallery, responsive updates","Max width modified gallery, responsive updates","Min and max width modified gallery, responsive updates","List type"],section:"layouts",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(87487),n.e(37077)]).then(n.bind(n,38845))},"/layouts/flex/html":{id:"Flex",title:"Flex",toc:[{text:"Introduction"},[{text:"Spacing"},{text:"Breakpoints"},{text:"Usefulness"},{text:"Differences from utility class"}],{text:"Basic flex layout"},[{text:"Basic flex example"},{text:"Nested flex example"},{text:"Nested flex and items example"},{text:"Basic flex layout overview"},{text:"Basic flex layout usage"}],{text:"Spacing system"},[{text:"Spacing system on parent example"},{text:"Spacing system on children example"},{text:"Spacing system on parent and children example"},{text:"Spacing system usage"}],{text:"Gap spacing"},[{text:"Row gap example"},{text:"Column gap example"},{text:"Gap example"},{text:"Gap spacing usage"}],{text:"Layout modifiers"},[{text:"Default layout example"},{text:"Inline flex layout example"},{text:"Basic flex grow example"},{text:"Flex grow 1 example"},{text:"Flex grow 1-4 example"},{text:"Layout modifiers usage"}],{text:"Column layout modifiers"},[{text:"Basic column example"},{text:"Nested column example"},{text:"Usage"}],{text:"Responsive layouts"},[{text:"Flex direction responsive example"},{text:"Responsive layouts usage"}],{text:"Alignment"},[{text:"Basic align right example"},{text:"Align right on single item example"},{text:"Align right on multiple groups example"},{text:"Untitled example"},{text:"Alignment using .pf-m-align-self-flex-end example"},{text:"Aligning nested columns with .pf-m-align-self-center example"},{text:"Aligning nested columns with .pf-m-align-self-baseline example"},{text:"Aligning nested columns with .pf-m-align-self-stretch example"},{text:"Alignment usage"}],{text:"Justification"},[{text:"Justify content flex end example"},{text:"Justify content space between example"},{text:"Justify content flex start example"}],{text:"Ordering"},[{text:"Basic ordering example"},{text:"First and last ordering example"},{text:"Responsive first last ordering example"},{text:"Responsive ordering example"},{text:"Ordering usage"}],{text:"Flex layout as list"},{text:"Documentation"},[{text:"Usage",id:"usage-0"},{text:"Spacer system usage"},{text:"Gap spacing usage",id:"gap-spacing-usage-0"}]],examples:["Basic flex example","Nested flex example","Nested flex and items example","Spacing system on parent example","Spacing system on children example","Spacing system on parent and children example","Row gap example","Column gap example","Gap example","Default layout example","Inline flex layout example","Basic flex grow example","Flex grow 1 example","Flex grow 1-4 example","Basic column example","Nested column example","Flex direction responsive example","Basic align right example","Align right on single item example","Align right on multiple groups example","Untitled example","Alignment using .pf-m-align-self-flex-end example","Aligning nested columns with .pf-m-align-self-center example","Aligning nested columns with .pf-m-align-self-baseline example","Aligning nested columns with .pf-m-align-self-stretch example","Justify content flex end example","Justify content space between example","Justify content flex start example","Basic ordering example","First and last ordering example","Responsive first last ordering example","Responsive ordering example","Ordering usage"],section:"layouts",subsection:"",source:"html",tabName:null,Component:()=>

1Promise.all([n.e(78857),n.e(81553)]).then(n.bind(n,75596))},"/layouts/bullseye/html":{id:"Bullseye",title:"Bullseye",toc:[{text:"Examples"},[{text:"Basic"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Basic"],section:"layouts",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(69573),n.e(80610)]).then(n.bind(n,67473))},"/components/wizard/html":{id:"Wizard",title:"Wizard",toc:[{text:"Examples"},[{text:"Basic"},{text:"Nav expanded (mobile)"},{text:"With drawer"},{text:"Expandable collapsed"},{text:"Expandable expanded"},{text:"Finished"},{text:"Error on step"},{text:"Nav expanded with error (mobile)"},{text:"Success on step"},{text:"Nav expanded with success (mobile)"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"}]],fullscreenExamples:["Basic","Nav expanded (mobile)","With drawer","Expandable collapsed","Expandable expanded","Finished","Error on step","Nav expanded with error (mobile)","Success on step","Nav expanded with success (mobile)"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(83448),n.e(38930)]).then(n.bind(n,82135))},"/components/truncate/html":{id:"Truncate",title:"Truncate",toc:[{text:"Examples"},[{text:"Notes"},{text:"Default"},{text:"Middle"},{text:"Start"}],{text:"Documentation"},[{text:"Usage"}]],examples:["Default","Middle","Start"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(12086),n.e(8756)]).then(n.bind(n,62859))},"/components/tree-view/html":{id:"Tree view",title:"Tree view",toc:[{text:"Examples"},[{text:"Single selectable"},{text:"Multiselectable"},{text:"With search"},{text:"With checkboxes"},{text:"With icons"},{text:"With badges"},{text:"With action item"},{text:"With non-expandable top level nodes"},{text:"With selectable, expandable nodes"},{text:"Guides"},{text:"Compact"},{text:"Compact, no background"}],{text:"Documentation"},[{text:"Usage"}]],examples:["Single selectable","Multiselectable","With search","With checkboxes","With icons","With badges","With action item","With non-expandable top level nodes","With selectable, expandable nodes","Guides","Compact","Compact, no background"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(22474).then(n.bind(n,43008))},"/components/tooltip/html":{id:"Tooltip",title:"Tooltip",toc:[{text:"Examples"},[{text:"Top"},{text:"Right"},{text:"Bottom"},{text:"Left"},{text:"Left with top and bottom positions"},{text:"Bottom with left and right positions"},{text:"Left aligned text"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Top","Right","Bottom","Left","Left with top and bottom positions","Bottom with left and right positions","Left aligned text"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(42267),n.e(42536)]).then(n.bind(n,14848))},"/components/toolbar/html":{id:"Toolbar",title:"Toolbar",toc:[[{text:"Default spacing for items and groups:"},{text:"Toolbar item types"},{text:"Modifiers"},{text:"Special notes"}],{text:"Examples"},[{text:"Simple"},{text:"Item types"},{text:"No padding"},{text:"Adjusted group column gap"},{text:"Insets"},{text:"Toolbar spacers and insets"},{text:"Width control"},{text:"Width control usage"}],{text:"Group types"},[{text:"Filter group"},{text:"Action group"},{text:"Action group plain"},{text:"Action group inline"},{text:"Label group"},{text:"Toggle group on mobile (filters collapsed, expandable content expanded)"},{text:"Toggle group on desktop"},{text:"Toolbar group types"},{text:"Accessibility"},{text:"Responsive attributes"},{text:"Usage"},{text:"Selected"},{text:"Selected filters on mobile (filters collapsed, selected filters summary visible)"},{text:"Selected filters on mobile (filters collapsed, expandable content expanded)"},{text:"Selected filters on desktop (not responsive)"},{text:"Stacked"},{text:"Stacked on desktop"},{text:"Stacked on mobile (filters collapsed, expandable content expanded)"},{text:"Primary background"},{text:"Secondary background"},{text:"No background"},{text:"Sticky toolbar"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage",id:"usage-0"},{text:"Accessibility",id:"accessibility-0"},{text:"Toggle group usage"},{text:"Spacer system"}]],examples:["Simple","No padding","Adjusted group column gap","Insets","Width control","Filter group","Action group","Action group plain","Action group inline","Label group","Toggle group on mobile (filters collapsed, expandable content expanded)","Toggle group on desktop","Selected filters on mobile (filters collapsed, selected filters summary visible)","Selected filters on mobile (filters collapsed, expandable content expanded)","Selected filters on desktop (not responsive)","Stacked on desktop","Stacked on mobile (filters collapsed, expandable content expanded)","Primary background","Secondary background","No background","Sticky toolbar"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(20250),n.e(24867)]).then(n.bind(n,27903))},"/components/toggle-group/html":{id:"Toggle group",title:"Toggle group",toc:[{text:"Examples"},[{text:"Default"},{text:"With icon"},{text:"Icon-and-text"},{text:"Compact"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"}]],examples:["Default","With icon","Icon-and-text","Compact"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(3723).then(n.bind(n,38701))},"/components/title/html":{id:"Title",title:"Title",toc:[{text:"Examples"},[{text:"Size modifiers"},{text:"Heading level modifiers"},{text:"Page title"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Size modifiers","Heading level modifiers","Page title"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(24231).then(n.bind(n,64167))},"/components/timestamp/html":{id:"Timestamp",title:"Timestamp",toc:[{text:"Examples"},[{text:"Basic"}],{text:"Documentation"},[{text:"Usage"}]],examples:["Basic"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(96290).then(n.bind(n,11930))},"/components/text-input-group/html":{id:"Text input group",title:"Text input group",toc:[{text:"Examples"},[{text:"Basic"},{text:"Disabled"},{text:"Plain"},{text:"Utilities and icon with placeholder text"},{text:"With validation"},{text:"Filters"},{text:"Filters expanded"},{text:"Autocomplete last option hint"},{text:"Search input group"},{text:"Search input group, no match"},{text:"Search input group, match with result count"},{text:"Search input group, match with navigable options"},{text:"Search input group, expandable"},{text:"Search input group, with submit button"},{text:"Search input group, advanced search"},{text:"Search input group, advanced search expanded"},{text:"Search input group, autocomplete"},{text:"Search input group, autocomplete last option hint"},{text:"Search input group, advanced search expanded with autocomplete"},{text:"Usage"}]],examples:["Basic","Disabled","Plain","Utilities and icon with placeholder text","With validation","Filters","Filters expanded","Autocomplete last option hint","Search input group","Search input group, no match","Search input group, match with result count","Search input group, match with navigable options","Search input group, expandable","Search input group, with submit button","Search input group, advanced search","Search input group, advanced search expanded","Search input group, autocomplete","Search input group, autocomplete last option hint","Search input group, advanced search expanded with autocomplete"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(91892),n.e(18194)]).then(n.bind(n,64443))},"/components/tabs/html":{id:"Tabs",title:"Tabs",toc:[{text:"Default"},[{text:"Default tabs example"},{text:"Default tabs usage"}],{text:"Overflow"},[{text:"Overflow beginning of list example"},{text:"Overflow beginning of list usage"},{text:"Horizontal overflow example"},{text:"Horizontal overflow expanded example"},{text:"Horizontal overflow selected example"}],{text:"Vertical"},[{text:"Vertical tabs example"},{text:"Vertical expandable example"},{text:"Vertical expanded example"},{text:"Vertical expandable responsive example"},{text:"Vertical expandable example (deprecated)"},{text:"Vertical expanded example (deprecated)"},{text:"Vertical expandable responsive example (deprecated)"}],{text:"Box"},[{text:"Box tabs example"},{text:"Box overflow example"},{text:"Box vertical example"},{text:"Box tabs secondary variant example"}],{text:"Tab insets"},[{text:"Default tab insets example"},{text:"Box tab insets example"},{text:"Page insets example"},{text:"Insets usage"}],{text:"Icons"},[{text:"Icons and text example"}],{text:"Sub tabs"},[{text:"Tabs with sub tabs example"},{text:"Box tabs with sub tabs example"}],{text:"Filled"},[{text:"Filled tabs example"},{text:"Filled with icons example"},{text:"Filled box example"},{text:"Filled box with icons example"},{text:"Filled usage"}],{text:"Tabs as navigation"},[{text:"Using the nav element example"},{text:"Sub tabs using the nav element example"}],{text:"Tab item actions"},[{text:"Help button example"},{text:"Close button example"},{text:"Help and close button example"}],{text:"Add tab button"},[{text:"Add tab button example"}],{text:"Tab content"},[{text:"Default tab content example"},{text:"Padding"},{text:"Secondary"}],{text:"Documentation"},[{text:"Tabs overview"},{text:"Usage"},{text:"Tab content accessibility"},{text:"Tab content usage"}]],examples:["Default tabs example","Overflow beginning of list example","Horizontal overflow example","Horizontal overflow expanded example","Horizontal overflow selected example","Vertical tabs example","Vertical expandable example","Vertical expanded example","Vertical expandable responsive example","Vertical expandable example (deprecated)","Vertical expanded example (deprecated)","Vertical expandable responsive example (deprecated)","Box tabs example","Box overflow example","Box vertical example","Box tabs secondary variant example","Default tab insets example","Box tab insets example","Page insets example","Icons and text example","Tabs with sub tabs example","Box tabs with sub tabs example","Filled tabs example","Filled with icons example","Filled box example","Filled box with icons example","Using the nav element example","Sub tabs using the nav element example","Help button example","Close button example","Help and close button example","Add tab button example","Default tab content example","Padding","Secondary"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(8061).then(n.bind(n,92975))},"/components/table/html":{id:"Table",title:"Table",toc:[{text:"Basic table"},[{text:"Basic table example"},{text:"Basic table accessibility"},{text:"Basic table usage"}],{text:"Responsive table behavior"},[{text:"Responsive layout modifier usage"}],{text:"Sortable"},[{text:"Sortable example"},{text:"Sortable accessibility"},{text:"Sortable usage"},{text:"Overflow menu usage, desktop"},{text:"Overflow menu usage, overflow menu collapsed"},{text:"Overflow menu usage, mobile"}],{text:"With checkboxes, radio select, and actions"},[{text:"Checkboxes and actions example"},{text:"Single select radio example"},{text:"Checkboxes, radio select, and actions accessibility"},{text:"Checkboxes, radio select, and actions usage"}],{text:"Expandable"},[{text:"Expandable example"},{text:"Expandable with set width columns example"},{text:"Expandable with nested table example"},{text:"Expandable accessibility"},{text:"Expandable usage"}],{text:"Compound expansion"},[{text:"Compound expansion example"},{text:"Compound expansion accessibility"},{text:"Compound expansion usage"}],{text:"Compact variant"},[{text:"Compact example"},{text:"Compact expandable example"},{text:"Compact Usage"}],{text:"Clickable"},[{text:"Clickable example"},{text:"Clickable and expandable example"},{text:"Clickable accessibility"},{text:"Clickable and selected usage"}],{text:"Tree table"},[{text:"Tree table basic"},{text:"Tree table with checkboxes"},{text:"Tree table with checkboxes and icons"},{text:"Tree with no children or indentation"},{text:"Tree table accessibility"},{text:"Tree table usage"}],{text:"Borderless variant"},[{text:"Borderless example"},{text:"Borderless compact example"},{text:"Borderless expandable example"},{text:"Borderless with compound expansion example"},{text:"Borderless usage"}],{text:"Width modifiers"},[{text:"Width modifiers examples"},{text:"Width modifiers usage"}],{text:"Hidden/visible breakpoint modifiers"},[{text:"Hidden/visible breakpoint modifiers example"},{text:"Hidden/visible breakpoint modifiers usage"}],{text:"Text control modifiers"},[{text:"Text control example"},{text:"Text control using the table text element example"},{text:"Table with long strings in the content"},{text:"Width constrained"},{text:"Text control modifiers usage"}],{text:"Sticky table modifiers"},[{text:"Sticky header"},{text:"Sticky column"},{text:"Multiple sticky columns"},{text:"Sticky columns and header"},{text:"Sticky right column"},{text:"Sticky table usage"}],{text:"Nested column headers"},[{text:"Nested column headers and expandable rows"},{text:"Nested column headers example"},{text:"Nested column headers, sticky header"},{text:"Nested column header modifier usage"}],{text:"Favorites"},[{text:"Favorites examples"},{text:"Favorites sortable example"},{text:"Favorites accessibility"},{text:"Favorites usage"}],{text:"Draggable rows"},[{text:"Draggable rows example"},{text:"Draggable rows accessibility"},{text:"Draggable rows usage"}

1],{text:"Striped"},[{text:"Striped table example"},{text:"Striped expandable table example"},{text:"Striped multiple tbody example"},{text:"Striped tr example"},{text:"Striped table usage"}],{text:"Documentation"},[{text:"Overview"},{text:'Role="grid"'},{text:"Sortable tables"},{text:"Table header cells"},{text:"Implementation support"}]],examples:["Basic table example","Sortable example","Overflow menu usage, desktop","Overflow menu usage, overflow menu collapsed","Overflow menu usage, mobile","Checkboxes and actions example","Single select radio example","Expandable example","Expandable with set width columns example","Expandable with nested table example","Compound expansion example","Compact example","Compact expandable example","Clickable example","Clickable and expandable example","Tree table basic","Tree table with checkboxes","Tree table with checkboxes and icons","Tree with no children or indentation","Borderless example","Borderless compact example","Borderless expandable example","Borderless with compound expansion example","Width modifiers examples","Hidden/visible breakpoint modifiers example","Text control example","Text control using the table text element example","Table with long strings in the content","Width constrained","Sticky header","Sticky column","Multiple sticky columns","Sticky columns and header","Sticky right column","Nested column headers and expandable rows","Nested column headers example","Nested column headers, sticky header","Favorites examples","Favorites sortable example","Draggable rows example","Striped table example","Striped expandable table example","Striped multiple tbody example","Striped tr example"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(49656),n.e(52100)]).then(n.bind(n,18514))},"/components/switch/html":{id:"Switch",title:"Switch",toc:[{text:"Examples"},[{text:"Basic"},{text:"Reverse (toggle on right)"},{text:"Label and check icon"},{text:"Without visible text label"},{text:"Disabled"}],{text:"Documentation"},[{text:"Overview"},{text:"Accessibility"},{text:"Usage"}]],examples:["Basic","Reverse (toggle on right)","Label and check icon","Without visible text label","Disabled"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(22807).then(n.bind(n,36902))},"/components/spinner/html":{id:"Spinner",title:"Spinner",toc:[{text:"Examples"},[{text:"Basic"},{text:"Sizes"},{text:"Inline"},{text:"Custom size"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"},{text:"Modifiers"}]],examples:["Basic","Sizes","Inline","Custom size"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(7673).then(n.bind(n,47253))},"/components/slider/html":{id:"Slider",title:"Slider",toc:[{text:"Examples"},[{text:"Discrete"},{text:"Continuous"},{text:"Value input"},{text:"Thumb value input"},{text:"Actions"},{text:"Disabled"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"}]],examples:["Discrete","Continuous","Value input","Thumb value input","Actions","Disabled"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(84335).then(n.bind(n,43551))},"/components/skip-to-content/html":{id:"Skip to content",title:"Skip to content",toc:[{text:"Examples"},[{text:"Basic"}],{text:"Documentation"},[{text:"Overview"},{text:"Accessibility"},{text:"Usage"}]],fullscreenExamples:["Basic"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(26652).then(n.bind(n,53875))},"/components/skeleton/html":{id:"Skeleton",title:"Skeleton",toc:[{text:"Examples"},[{text:"Default"},{text:"Percentage width modifiers"},{text:"Percentage height modifiers"},{text:"Text modifiers"},{text:"Static height width and shape modifiers"}],{text:"Documentation"},[{text:"Usage"}]],examples:["Default","Percentage width modifiers","Percentage height modifiers","Text modifiers","Static height width and shape modifiers"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(69415),n.e(38640)]).then(n.bind(n,72806))},"/components/simple-list/html":{id:"Simple list",title:"Simple list",toc:[{text:"Examples"},[{text:"Simple list"},{text:"Simple list with links"},{text:"Grouped list"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"}]],examples:["Simple list","Simple list with links","Grouped list"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(90308).then(n.bind(n,49224))},"/components/sidebar/html":{id:"Sidebar",title:"Sidebar",toc:[{text:"Examples"},[{text:"Basic"},{text:"With secondary background"},{text:"Gutter"},{text:"Stack"},{text:"Split"},{text:"Panel right (HTML)"},{text:"Panel right (modifier)"},{text:"Sticky panel"},{text:"Static panel"},{text:"Responsive panel width"},{text:"Border"},{text:"Padding on panel"},{text:"Padding on content"}],{text:"Documentation"},[{text:"Usage"}]],examples:["Basic","With secondary background","Gutter","Stack","Split","Panel right (HTML)","Panel right (modifier)","Sticky panel","Static panel","Responsive panel width","Border","Padding on panel","Padding on content"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(17535),n.e(79828)]).then(n.bind(n,22624))},"/components/forms/radio/html":{id:"Radio",title:"Radio",toc:[{text:"Examples"},[{text:"Basic"},{text:"Checked"},{text:"Label wrapping input"},{text:"Reversed"},{text:"Disabled"},{text:"With description"},{text:"With body"},{text:"With description and body"},{text:"Standalone input"}],{text:"Documentation"},[{text:"Overview"},{text:"Accessibility"},{text:"Usage"}]],examples:["Basic","Checked","Label wrapping input","Reversed","Disabled","With de

1scription","With body","With description and body","Standalone input"],section:"components",subsection:"forms",source:"html",tabName:null,Component:()=>n.e(34883).then(n.bind(n,46863))},"/components/progress-stepper/html":{id:"Progress stepper",title:"Progress stepper",toc:[{text:"Examples"},[{text:"Basic"},{text:"Basic with descriptions"},{text:"Vertical, horizontal responsive"},{text:"Center aligned with descriptions"},{text:"Center aligned, vertical"},{text:"Vertical with descriptions"},{text:"Compact"},{text:"Compact, vertical"},{text:"Compact, vertical responsive"},{text:"Compact, vertical, centered"},{text:"Compact, centered"},{text:"Basic with an issue"},{text:"Basic with a failure"},{text:"Basic with Patternfly icons"},{text:"With help text"}],{text:"Documentation"},[{text:"Overview"},{text:"Accessibility"},{text:"Usage"}]],examples:["Basic","Basic with descriptions","Vertical, horizontal responsive","Center aligned with descriptions","Center aligned, vertical","Vertical with descriptions","Compact","Compact, vertical","Compact, vertical responsive","Compact, vertical, centered","Compact, centered","Basic with an issue","Basic with a failure","Basic with Patternfly icons","With help text"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(16579).then(n.bind(n,8789))},"/components/progress/html":{id:"Progress",title:"Progress",toc:[{text:"Examples"},[{text:"Simple"},{text:"Small"},{text:"Large"},{text:"Outside"},{text:"Inside"},{text:"Success"},{text:"Warning"},{text:"Failure"},{text:"Inside success"},{text:"Inside warning"},{text:"Outside failure"},{text:"Outside static width measure"},{text:"On single line"},{text:"Without measure"},{text:"Failure without measure"},{text:"Finite step"},{text:"Truncate description"},{text:"Helper text"},{text:"Non-percentage progress"},{text:"Progress step instruction"}],{text:"Documentation"},[{text:"Overview"},{text:"Accessibility"},{text:"Usage"}]],examples:["Simple","Small","Large","Outside","Inside","Success","Warning","Failure","Inside success","Inside warning","Outside failure","Outside static width measure","On single line","Without measure","Failure without measure","Finite step","Truncate description","Helper text","Progress step instruction"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(4374).then(n.bind(n,48640))},"/components/popover/html":{id:"Popover",title:"Popover",toc:[{text:"Examples"},[{text:"Top"},{text:"Right"},{text:"Bottom"},{text:"Left"},{text:"Left top"},{text:"Left bottom"},{text:"Bottom left"},{text:"Bottom right"},{text:"Without header/footer"},{text:"No padding"},{text:"Width auto"},{text:"Popover with icon in the title"},{text:"Custom alert popover"},{text:"Info alert popover"},{text:"Success alert popover"},{text:"Warning alert popover"},{text:"Danger alert popover"}],{text:"Documentation"},[{text:"Overview"},{text:"Accessibility"},{text:"Usage"}]],fullscreenExamples:["Top","Right","Bottom","Left","Left top","Left bottom","Bottom left","Bottom right","Without header/footer","No padding","Width auto","Popover with icon in the title","Custom alert popover","Info alert popover","Success alert popover","Warning alert popover","Danger alert popover"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(47870),n.e(34965)]).then(n.bind(n,57635))},"/components/panel/html":{id:"Panel",title:"Panel",toc:[{text:"Examples"},[{text:"Basic"},{text:"Secondary"},{text:"Header"},{text:"Footer"},{text:"Header and footer"},{text:"No body"},{text:"Raised"},{text:"Bordered"},{text:"Scrollable"},{text:"Scrollable with header and footer"}],{text:"Documentation"},[{text:"Usage"}]],examples:["Basic","Secondary","Header","Footer","Header and footer","No body","Raised","Bordered","Scrollable","Scrollable with header and footer"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(31344).then(n.bind(n,52680))},"/components/pagination/html":{id:"Pagination",title:"Pagination",toc:[{text:"Examples"},[{text:"Top"},{text:"Top sticky"},{text:"Indeterminate (item count is not known)"},{text:"Bottom"},{text:"Bottom sticky"},{text:"Top disabled"},{text:"Compact"},{text:"Top with display summary modifier"},{text:"Top with display full modifier"},{text:"Top with responsive display summary and display full modifiers"},{text:"Compact display full modifier"},{text:"Inset"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"}]],examples:["Top","Top sticky","Indeterminate (item count is not known)","Bottom","Bottom sticky","Top disabled","Compact","Top with display summary modifier","Top with display full modifier","Top with responsive display summary and display full modifiers","Compact display full modifier","Inset"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(22774).then(n.bind(n,35551))},"/components/page/html":{id:"Page",title:"Page",toc:[{text:"Examples"},[{text:"Vertical nav"},{text:"Horizontal nav"},{text:"Multiple sidebar body elements, padding, and fill"},{text:"With or without fill"},{text:"Main section padding"},{text:"Main section variations"},{text:"Centered section"}],{text:"Documentation"},[{text:"Overview"},{text:"Accessibility"},{text:"Usage"}]],examples:["Vertical nav","Horizontal nav","Multiple sidebar body elements, padding, and fill","With or without fill","Main section padding","Main section variations","Centered section"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(4193),n.e(48)]).then(n.bind(n,18540))},"/components/overflow-menu/html":{id:"Overflow menu",title:"Overflow menu",toc:[{text:"Introduction"}

1,[{text:"Simple condensed"},{text:"Simple"},{text:"Default spacing for items and groups:"},{text:"Overflow menu item types"},{text:"Group types"},{text:"Overflow menu group types"},{text:"Additional options in menu (hidden)"},{text:"Additional options in menu"}],{text:"Persistent configuration"},[{text:"Persistent additional options (hidden)"},{text:"Persistent additional options (visible)"},{text:"Usage"}]],examples:["Simple condensed","Simple","Group types","Additional options in menu (hidden)","Additional options in menu","Persistent additional options (hidden)","Persistent additional options (visible)"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(11413),n.e(99450)]).then(n.bind(n,6765))},"/components/number-input/html":{id:"Number input",title:"Number input",toc:[{text:"Examples"},[{text:"Default"},{text:"With unit"},{text:"With unit and lower threshold reached"},{text:"With unit and upper threshold reached"},{text:"Disabled"},{text:"With status"},{text:"Varying sizes"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"}]],examples:["Default","With unit","With unit and lower threshold reached","With unit and upper threshold reached","Disabled","With status","Varying sizes"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(44563).then(n.bind(n,66030))},"/components/notification-drawer/html":{id:"Notification drawer",title:"Notification drawer",toc:[{text:"Examples"},[{text:"Basic"},{text:"Groups"},{text:"Accessibility"},{text:"Usage"}]],examples:["Basic","Groups"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(11585).then(n.bind(n,15770))},"/components/navigation/html":{id:"Navigation",title:"Navigation",toc:[{text:"Examples"},[{text:"Default"},{text:"Grouped nav"},{text:"Grouped nav, no titles"},{text:"Expanded"},{text:"Expanded with subnav titles"},{text:"Mixed"},{text:"Expandable, third level"},{text:"Horizontal"},{text:"Horizontal overflow"},{text:"Horizontal subnav"},{text:"Horizontal subnav overflow"},{text:"Nav with flyout"},{text:"Nav with drilldown menu"},{text:"Nav with drilldown menu level two"},{text:"Nav with drilldown menu level three"},{text:"Nav item icons"}],{text:"Documentation"},[{text:"Overview"},{text:"Accessibility"},{text:"Usage"}]],examples:["Default","Grouped nav","Grouped nav, no titles","Expanded","Expanded with subnav titles","Mixed","Expandable, third level","Horizontal","Horizontal overflow","Horizontal subnav","Horizontal subnav overflow","Nav with flyout","Nav with drilldown menu","Nav with drilldown menu level two","Nav with drilldown menu level three","Nav item icons"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(63807),n.e(19555)]).then(n.bind(n,11801))},"/components/file-upload/multiple-file-upload/html":{id:"Multiple file upload",title:"Multiple file upload",toc:[{text:"Examples"},[{text:"Basic"},{text:"Drag over"},{text:"Horizontal"},{text:"Horizontal drag over"},{text:"File upload status"},{text:"File upload status expanded"},{text:"Horizontal file upload status expanded"}],{text:"Documentation"},[{text:"Usage"}]],examples:["Basic","Drag over","Horizontal","Horizontal drag over","File upload status","File upload status expanded","Horizontal file upload status expanded"],section:"components",subsection:"file-upload",source:"html",tabName:null,Component:()=>n.e(43180).then(n.bind(n,88235))},"/components/modal/html":{id:"Modal",title:"Modal",toc:[{text:"Examples"},[{text:"Basic"},{text:"With help button"},{text:"Small"},{text:"Medium"},{text:"Large"},{text:"Without title"},{text:"With description"},{text:"Custom title"},{text:"Modal box as generic container"},{text:"Icon"},{text:"Custom alert"},{text:"Info alert"},{text:"Success alert"},{text:"Warning alert"},{text:"Danger alert"},{text:"Danger alert with modifier on modal title"}],{text:"Documentation"},[{text:"Overview"},{text:"Accessibility"},{text:"Usage"}]],fullscreenExamples:["Basic","With help button","Small","Medium","Large","Without title","With description","Custom title","Modal box as generic container","Icon","Custom alert","Info alert","Success alert","Warning alert","Danger alert","Danger alert with modifier on modal title"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(42201),n.e(28215)]).then(n.bind(n,36556))},"/components/menus/menu-toggle/html":{id:"Menu toggle",title:"Menu toggle",toc:[{text:"Examples"},[{text:"Collapsed"},{text:"Expanded"},{text:"Disabled"},{text:"Count"},{text:"Primary"},{text:"Secondary"},{text:"Plain"},{text:"Plain with text"},{text:"Small"},{text:"With icon/image and text"},{text:"With avatar and text"},{text:"Full height"},{text:"Full width"},{text:"Typeahead"},{text:"Status"},{text:"Placeholder"},{text:"Split toggle"},{text:"Split toggle with checkbox"},{text:"Split toggle with labeled checkbox"},{text:"Split toggle with checkbox and toggle text"},{text:"Split toggle with checkbox, icon, and toggle text"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"}]],examples:["Collapsed","Expanded","Disabled","Count","Primary","Secondary","Plain","Plain with text","Small","With icon/image and text","With avatar and text","Full height","Full width","Typeahead","Status","Placeholder","Split toggle","Split toggle with checkbox","Split toggle with labeled checkbox","Split toggle with checkbox and toggle text","Split toggle with checkbox, icon, and toggle text"],section:"components",subsection:"menus",source:"html",tabName:null,Component:()=>Promise.all([n.e(25769),n.e(12979)]).then(n.bind(n,24109))},"/components/menus/menu/html":{id:"Menu",title:"Menu",toc:[{text:"Examples"},[{text:"Basic"},{text:"Danger menu item"},{text:"With icons"},{text:"With checkbox"},{text:"Scrollable"},{text:"Scrollable with custom menu height"},{text:"With flyout"},{text:"With flyout menu top"},{text:"With flyout menu left"},{text:"With flyout menu left top"},{text:"Drilldown"},{text:"Drilldown level two"},{text:"Drilldown level three"},{text:"Drilldown level four"},{text:"Scrollable drilldown"},{text:"Width modified drilldown"},{text:"Drilldown with breadcrumbs - level 1"},{text:"Drilldown with breadcrumbs - level 2"},{text:"Drilldown with breadcrumbs - level 3"},{text:"Drilldown with breadcrumbs - level 4"},{text:"Scrollable menu with header and footer"},{text:"Scrollable menu with search and footer"},{text:"With filtering"},{text:"With links"},{text:"With separator(s)"},{text:"With titled groups"},{text:"With description"},{text:"With actions"},{text:"With favorites"},{text:"Option single select"},{text:"Option multi-select"},{text:"View more"},{text:"Loading"},{text:"Footer"},{text:"Plain"},{text:"Plain with search and footer"},{text:"Plain scrollable with search and footer"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"}]],examples:["Basic","Danger menu item","With icons","With checkbox","Scrollable","Scrollable with custom menu height","With flyout","With flyout menu top","With flyout menu left","With flyout menu left top","Drilldown","Drilldown level two","Drilldown level three","Drilldown level four","Scrollable drilldown","Width modified drilldown","Drilldown with breadcrumbs - level 1","Drilldown with breadcrumbs - level 2","Drilldown with breadcrumbs - level 3","Drilldown with breadcrumbs - level 4","Scrollable menu with header and footer","Scrollable menu with search and footer","With filtering","With links","With separator(s)","With titled groups","With de

1scription","With actions","With favorites","Option single select","Option multi-select","View more","Loading","Footer","Plain","Plain with search and footer","Plain scrollable with search and footer"],section:"components",subsection:"menus",source:"html",tabName:null,Component:()=>Promise.all([n.e(37507),n.e(11566)]).then(n.bind(n,76278))},"/components/masthead/html":{id:"Masthead",title:"Masthead",toc:[{text:"Examples"},[{text:"Basic"},{text:"Basic with mixed content"},{text:"Display inline"},{text:"Display stack"},{text:"Display stack, display inline responsive"},{text:"Insets"}],{text:"Documentation"},[{text:"Usage"}]],examples:["Basic","Basic with mixed content","Display inline","Display stack","Display stack, display inline responsive","Insets"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(81290).then(n.bind(n,12470))},"/components/login-page/html":{id:"Login page",title:"Login page",toc:[{text:"Examples"},[{text:"Basic"},{text:"Invalid"},{text:"Show password"},{text:"Hide password"},{text:"With language selector"}],{text:"Documentation"},[{text:"Usage"}]],fullscreenExamples:["Basic","Invalid","Show password","Hide password","With language selector"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(77490).then(n.bind(n,46441))},"/components/list/html":{id:"List",title:"List",toc:[{text:"Examples"},[{text:"Unordered"},{text:"Ordered"},{text:"Inline"},{text:"Plain"},{text:"With horizontal rules"},{text:"With small icons"},{text:"With large icons"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Unordered","Ordered","Inline","Plain","With horizontal rules","With small icons","With large icons"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(6400).then(n.bind(n,99942))},"/components/label/html":{id:"Label",title:"Label",toc:[{text:"Examples"},[{text:"Filled"},{text:"Outline"},{text:"Compact"},{text:"Overflow"},{text:"Editable"},{text:"Add label"},{text:"Basic label group"},{text:"Label group with overflow"},{text:"Label group with overflow expanded"},{text:"Editable label group with add button"},{text:"Label group with category label"},{text:"Label group with removable categories"},{text:"Vertical label group"},{text:"Vertical label group with overflow"},{text:"Vertical label group with overflow expanded"},{text:"Vertical label group with category"},{text:"Vertical label group with removable category"},{text:"Editable labels, dynamic label group"},{text:"Editable labels, label active, dynamic label group"},{text:"Static labels, dynamic label group"},{text:"Mixed labels (static / editable), dynamic label group"},{text:"Label group with compact labels"},{text:"Label group with compact labels and overflow"},{text:"Vertical label group with compact labels"},{text:"Labels with truncation"}],{text:"Documentation"},[{text:"Label usage"},{text:"Label group accessibility"},{text:"Label group usage"}]],examples:["Filled","Outline","Compact","Overflow","Editable","Add label","Basic label group","Label group with overflow","Label group with overflow expanded","Editable label group with add button","Label group with category label","Label group with removable categories","Vertical label group","Vertical label group with overflow","Vertical label group with overflow expanded","Vertical label group with category","Vertical label group with removable category","Editable labels, dynamic label group","Editable labels, label active, dynamic label group","Static labels, dynamic label group","Mixed labels (static / editable), dynamic label group","Label group with compact labels","Label group with compact labels and overflow","Vertical label group with compact labels","Labels with truncation"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(29966),n.e(32143)]).then(n.bind(n,59911))},"/components/jump-links/html":{id:"Jump links",title:"Jump links",toc:[{text:"Examples"},[{text:"Horizontal default"},{text:"Horizontal with centered list"},{text:"Horizontal with label"},{text:"Vertical default"},{text:"Vertical with label"},{text:"Vertical with inactive subsections"},{text:"Vertical with active subsections"},{text:"Expandable"},{text:"Expanded"},{text:"Expandable (responsive)"},{text:"Expandable (responsive) with no label"}],{text:"Documentation"},[{text:"Overview"},{text:"Accessibility"},{text:"Usage"}]],examples:["Horizontal default","Horizontal with centered list","Horizontal with label","Vertical default","Vertical with label","Vertical with inactive subsections","Vertical with active subsections","Expandable","Expanded","Expandable (responsive)","Expandable (responsive) with no label"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(6351).then(n.bind(n,21751))},"/components/input-group/html":{id:"Input group",title:"Input group",toc:[[{text:"Overview"}],{text:"Examples"},[{text:"Variations"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"}]],examples:["Variations"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(81771).then(n.bind(n,79759))},"/components/inline-edit/html":{id:"Inline edit",title:"Inline edit",toc:[{text:"Introduction"},[{text:"Generic groups"},{text:"Actions"}],{text:"Examples"},[{text:"Inline edit toggle"},{text:"Inline edit value"},{text:"Inline edit action group"},{text:"Inline edit action group icon buttons"},{text:"Single inline edit (default)"},{text:"Single inline edit (active)"},{text:"Free form edit"},{text:"Single inline edit with label (default)"},{text:"State valid"},{text:"State invalid"},{text:"Inline edit table row"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"}]],examples:["Inline edit toggle","Inline edit value","Inline edit action group","Inline edit action group icon buttons","Single inline edit (default)","Single inline edit (active)","Free form edit","Single inline edit with label (default)","State valid","State invalid","Inline edit table row"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(86513).then(n.bind(n,27825))},"/components/icon/html":{id:"Icon",title:"Icon",toc:[{text:"Examples"},[{text:"Basic"},{text:"Standalone icon sizes"},{text:"Body sizes"},{text:"Heading sizes"},{text:"Status colors"},{text:"Sizing content within the icon container"},{text:"Inline"},{text:"In progress"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Basic","Standalone icon sizes","Body sizes","Heading sizes","Status colors","Sizing content within the icon container","Inline","In progress"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(11432).then(n.bind(n,81031))},"/components/hint/html":{id:"Hint",title:"Hint",toc:[{text:"Examples"},[{text:"Hint with title"},{text:"Default with no title"}

1,{text:"Actions with no offset"}],{text:"Documentation"},[{text:"Usage"}]],examples:["Hint with title","Default with no title","Actions with no offset"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(72273).then(n.bind(n,30531))},"/components/helper-text/html":{id:"Helper text",title:"Helper text",toc:[{text:"Examples"},[{text:"Static"},{text:"Icon"},{text:"Multiple static"},{text:"Dynamic"},{text:"Dynamic list"},{text:"Usage"}]],examples:["Static","Icon","Multiple static","Dynamic","Dynamic list"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(4013).then(n.bind(n,81133))},"/components/forms/form-control/html":{id:"Form control",title:"Form control",toc:[{text:"Examples"},[{text:"Input"},{text:"Select"},{text:"Textarea"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"}]],examples:["Input","Select","Textarea"],section:"components",subsection:"forms",source:"html",tabName:null,Component:()=>n.e(49030).then(n.bind(n,68099))},"/components/forms/form/html":{id:"Form",title:"Form",toc:[{text:"Examples"},[{text:"Vertically aligned labels"},{text:"Horizontally aligned labels"},{text:"Horizontal layout at a custom breakpoint"},{text:"Form sections"},{text:"Help text"},{text:"Label with additional info"},{text:"Label with additional info (horizontal form)"},{text:"Action group"},{text:"Field group (non-expandable)"},{text:"Expandable and nested field groups"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"}]],examples:["Vertically aligned labels","Horizontally aligned labels","Horizontal layout at a custom breakpoint","Form sections","Help text","Label with additional info","Label with additional info (horizontal form)","Action group","Field group (non-expandable)","Expandable and nested field groups"],section:"components",subsection:"forms",source:"html",tabName:null,Component:()=>n.e(50155).then(n.bind(n,49034))},"/components/file-upload/simple-file-upload/html":{id:"Simple file upload",title:"Simple file upload",toc:[{text:"Examples"},[{text:"Basic file upload"},{text:"With helper text"},{text:"Upload complete non editable"},{text:"Upload complete editable"},{text:"Drag file hover component"},{text:"File upload in form with error"},{text:"File upload loading"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Basic file upload","With helper text","Upload complete non editable","Upload complete editable","Drag file hover component","File upload in form with error","File upload loading"],section:"components",subsection:"file-upload",source:"html",tabName:null,Component:()=>n.e(68378).then(n.bind(n,67064))},"/components/expandable-section/html":{id:"Expandable section",title:"Expandable section",toc:[{text:"Examples"},[{text:"Hidden"},{text:"Expanded"},{text:"Indented"},{text:"Disclosure variation (hidden)"},{text:"Disclosure variation (expanded)"},{text:"Disclosure variation (indented)"},{text:"Detached"},{text:"Truncate expansion (hidden)"},{text:"Truncate expansion (expanded)"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"}]],examples:["Hidden","Expanded","Indented","Disclosure variation (hidden)","Disclosure variation (expanded)","Disclosure variation (indented)","Detached","Truncate expansion (hidden)","Truncate expansion (expanded)"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(87242).then(n.bind(n,25909))},"/components/empty-state/html":{id:"Empty state",title:"Empty state",toc:[{text:"Examples"},[{text:"Basic"},{text:"Extra small"},{text:"Small"},{text:"Large"},{text:"Extra large"},{text:"With status"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"}]],examples:["Basic","Extra small","Small","Large","Extra large","With status"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(43457).then(n.bind(n,83500))},"/components/dual-list-selector/html":{id:"Dual list selector",title:"Dual list selector",toc:[{text:"Examples"},[{text:"Basic"},{text:"Available item selected"},{text:"Multiple available items selected"},{text:"Chosen item"},{text:"Chosen item selected"},{text:"Tree view"},{text:"Tree view with chosen and disabled options"},{text:"Draggable"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"}]],examples:["Basic","Available item selected","Multiple available items selected","Chosen item","Chosen item selected","Tree view","Tree view with chosen and disabled options","Draggable"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(5107).then(n.bind(n,66649))},"/components/drawer/html":{id:"Drawer",title:"Drawer",toc:[{text:"Examples"},[{text:"Closed panel on right (default)"},{text:"Expanded panel on right"},{text:"Closed panel on left"},{text:"Expanded panel on left"},{text:"Closed panel on bottom"},{text:"Expanded panel on bottom"},{text:"Expanded inline panel"},{text:"Expanded inline panel on left"},{text:"Static"},{text:"Stacked content body elements"},{text:"Modified content body padding"},{text:"Modified panel body padding"},{text:"Modified panel width"},{text:"Additional section above main"},{text:"Resizable panel"},{text:"Resizable left panel"},{text:"Resizable bottom panel"},{text:"Resizable inline panel"},{text:"Panel with secondary background"},{text:"Accessibility"},{text:"Usage"}],{text:"Documentation"},[{text:"Accessibility",id:"accessibility-0"},{text:"Usage",id:"usage-0"}]],examples:["Closed panel on right (default)","Expanded panel on right","Closed panel on left","Expanded panel on left","Closed panel on bottom","Expanded panel on bottom","Expanded inline panel","Expanded inline panel on left","Static","Stacked content body elements","Modified content body padding","Modified panel body padding","Modified panel width","Additional section above main","Resizable panel","Resizable left panel","Resizable bottom panel","Resizable inline panel","Panel with secondary background"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(67571),n.e(44931)]).then(n.bind(n,79958))},"/components/drag-and-drop/html":{id:"Drag and drop",title:"Drag and drop",toc:[{text:"Examples"},[{text:"Basic"},{text:"Dragging"},{text:"Drag outside"}],{text:"Documentation"},[{text:"Usage"}]],examples:["Basic","Dragging","Drag outside"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(4093),n.e(53705)]).then(n.bind(n,84670))},"/components/divider/html":{id:"Divider",title:"Divider",toc:[{text:"Examples"},[{text:"hr"},{text:"li"},{text:"div"},{text:"Inset medium"},{text:"Md inset, no inset on md, 3xl inset on lg, lg inset on xl"},{text:"Vertical"},{text:"Vertical, inset medium"},{text:"Vertical, md inset, no inset on md, lg inset on lg, sm inset on xl"},{text:"Vertical on lg"},{text:"Horizontal on lg"},{text:"In flex layout"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["hr","li","div","Inset medium","Md inset, no inset on md, 3xl inset on lg, lg inset on xl","Vertical","Vertical, inset medium","Vertical, md inset, no inset on md, lg inset on lg, sm inset on xl","Vertical on lg","Horizontal on lg","In flex layout"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(65171),n.e(73161)]).then(n.bind(n,40067))},"/components/description-list/html":{id:"Description list",title:"Description list",toc:[{text:"Examples"},[{text:"Default"},{text:"Term help text"},{text:"Default, two column"},{text:"Default, three column on lg breakpoint"},{text:"Horizontal"},{text:"Horizontal, two column"},{text:"Horizontal, three column on lg breakpoint"},{text:"Compact"},{text:"Compact horizontal"},{text:"Fluid horizontal"},{text:"Column fill"}],{text:"Auto fit"},[{text:"Auto-fit basic"},{text:"Auto-fit, min width modified, grid template columns"},{text:"Auto-fit, min width modified, responsive grid template columns"}],{text:"Responsive column definitions"},[{text:"Default, responsive columns"},{text:"Horizontal, responsive columns"},{text:"Responsive, horizontal, vertical group layout"}],{text:"Auto-column-width"},[{text:"Default, auto columns width"},{text:"Horizontal, auto column width"}],{text:"Inline grid"},[{text:"Default, inline grid"},{text:"Display variant"}],{text:"Card variants"},[{text:"Description list group wrapper as card"},{text:"Display lg and card variant"},{text:"Display 2xl and card variant"},{text:"Display and card variant, three column on lg breakpoint"},{text:"Display and card variant, horizontal, modified term width"}],{text:"With icons"},[{text:"Icons on terms"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"}]],examples:["Default","Term help text","Default, two column","Default, three column on lg breakpoint","Horizontal","Horizontal, two column","Horizontal, three column on lg breakpoint","Compact","Compact horizontal","Fluid horizontal","Column fill","Auto-fit basic","Auto-fit, min width modified, grid template columns","Auto-fit, min width modified, responsive grid template columns","Default, responsive columns","Horizontal, responsive columns","Responsive, horizontal, vertical group layout","Default, auto columns width","Horizontal, auto column width","Default, inline grid","Display variant","Description list group wrapper as card","Display lg and card variant","Display 2xl and card variant","Display and card variant, three column on lg breakpoint","Display and card variant, horizontal, modified term width","Icons on terms"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(58590).then(n.bind(n,53419))},"/components/date-and-time/date-picker/html":{id:"Date picker",title:"Date picker",toc:[{text:"Examples"},[{text:"Basic"},{text:"Helper text"},{text:"Invalid"},{text:"Expanded"},{text:"Custom width input"},{text:"Custom width input based on number of characters"}],{text:"Documentation"},[{text:"Usage"}]],examples:["Basic","Helper text","Invalid","Expanded","Custom width input","Custom width input based on number of characters"],section:"components",subsection:"date-and-time",source:"html",tabName:null,Component:()=>Promise.all([n.e(72215),n.e(7260)]).then(n.bind(n,84935))},"/components/data-list/html":{id:"Data list",title:"Data list",toc:[{text:"Examples"},[{text:"Basic"},{text:"Accessibility"},{text:"Usage"},{text:"With headings"},{text:"Usage",id:"usage-0"},{text:"Checkboxes, actions, and additional cells"},{text:"Accessibility",id:"accessibility-0"},{text:"Usage",id:"usage-1"},{text:"Expandable"},{text:"Expandable compact"},{text:"Expandable nested"},{text:"Compact"},{text:"Accessibility",id:"accessibility-1"},{text:"Usage",id:"usage-2"},{text:"Modifiers"},{text:"Accessibility",id:"accessibility-2"},{text:"Usage",id:"usage-3"},{text:"Clickable rows"},{text:"Accessibility",id:"accessibility-3"},{text:"Usage",id:"usage-4"},{text:"Clickable expandable rows"},{text:"Draggable"},{text:"Accessibility",id:"accessibility-4"},{text:"Usage",id:"usage-5"},{text:"Text modifiers"},{text:"Text-modifiers-data-list-text"},{text:"Usage",id:"usage-6"}],{text:"Documentation"},[{text:"Overview"},{text:"Grid"},{text:"Grid (small breakpoint)"},{text:"Grid none"},{text:"Usage",id:"usage-7"}]],examples:["Basic","With headings","Checkboxes, actions, and additional cells","Expandable","Expandable compact","Expandable nested","Compact","Modifiers","Clickable rows","Clickable expandable rows","Draggable","Text modifiers","Text-modifiers-data-list-text","Grid","Grid (small breakpoint)","Grid none"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(75143).then(n.bind(n,86622))},"/components/content/html":{id:"Content",title:"Content",toc:[{text:"Examples"},[{text:"Basic"},{text:"Plain HTML in content wrapper"},{text:"Long-form/editorial content"},{text:"Long-form/editorial content in content wrapper"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Basic","Plain HTML in content wrapper","Long-form/editorial content","Long-form/editorial content in content wrapper"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(23620).then(n.bind(n,77898))},"/components/code-editor/html":{id:"Code editor",title:"Code editor",toc:[{text:"Examples"},[{text:"Default"},{text:"Read-only"},{text:"Without actions"},{text:"Drag file and hover over component"},{text:"With optional header content and keyboard shortcuts"},{text:"With optional code editor container"},{text:"With full height modifier"}],{text:"Documentation"},[{text:"Usage"}]],examples:["Default","Read-only","Without actions","Drag file and hover over component","With optional header content and keyboard shortcuts","With optional code editor container","With full height modifier"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(25314),n.e(52795)]).then(n.bind(n,26439))},"/components/code-block/html":{id:"Code block",title:"Code block",toc:[{text:"Examples"},[{text:"Basic"},{text:"Expandable"},{text:"Expandable expanded"}],{text:"Documentation"},[{text:"Usage"}]],examples:["Basic","Expandable","Expandable expanded"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(83778).then(n.bind(n,10253))},"/components/clipboard-copy/html":{id:"Clipboard copy",title:"Clipboard copy",toc:[{text:"Examples"},[{text:"Basic"},{text:"Expandable"},{text:"Inline compact"},{text:"Inline compact code"},{text:"Inline compact with additional action"},{text:"Inline compact in sentence"},{text:"Inline compact with truncation"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"}]],examples:["Basic","Expandable","Inline compact","Inline compact code","Inline compact with additional action","Inline compact in sentence","Inline compact with truncation"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(94185).then(n.bind(n,95085))},"/components/forms/checkbox/html":{id:"Checkbox",title:"Checkbox",toc:[{text:"Examples"},[{text:"Basic"},{text:"Required"},{text:"Checked"},{text:"Label wrapping input"},{text:"Reversed"},{text:"Disabled"},{text:"With description"},{text:"With body"},{text:"With description and body"},{text:"Standalone input"}],{text:"Documentation"},[{text:"Overview"},{text:"Accessibility"},{text:"Usage"}]],examples:["Basic","Required","Checked","Label wrapping input","Reversed","Disabled","With de

1scription","With body","With description and body","Standalone input"],section:"components",subsection:"forms",source:"html",tabName:null,Component:()=>n.e(12096).then(n.bind(n,16781))},"/components/card/html":{id:"Card",title:"Card",toc:[{text:"Examples"},[{text:"Basic"},{text:"With image and action"},{text:"With title in head"},{text:"With only actions in head (no title/footer)"},{text:"Card with header that wraps"},{text:"Actions with no offset"},{text:"With only image in head"},{text:"With no footer"},{text:"With no title"},{text:"With only a content section"},{text:"With multiple body sections"},{text:"With only one body that fills"},{text:"Compact"},{text:"Large"},{text:"Selectable"},{text:"Selectable secondary style"},{text:"Single selectable"},{text:"Actionable (button)"},{text:"Actionable (link)"},{text:"Actionable secondary style"},{text:"Actionable and selectable"},{text:"Actionable and selectable secondary style"},{text:"Secondary"},{text:"Plain"},{text:"Expandable"},{text:"Expandable with image"},{text:"Expanded"},{text:"Full height card"},{text:"Expandable toggle on right"},{text:"Card with dividers between sections"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Basic","With image and action","With title in head","With only actions in head (no title/footer)","Card with header that wraps","Actions with no offset","With only image in head","With no footer","With no title","With only a content section","With multiple body sections","With only one body that fills","Compact","Large","Selectable","Selectable secondary style","Single selectable","Actionable (button)","Actionable (link)","Actionable secondary style","Actionable and selectable","Actionable and selectable secondary style","Secondary","Plain","Expandable","Expandable with image","Expanded","Full height card","Expandable toggle on right","Card with dividers between sections"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(25073),n.e(99271)]).then(n.bind(n,82328))},"/components/date-and-time/calendar-month/html":{id:"Calendar month",title:"Calendar month",toc:[{text:"Examples"},[{text:"Date selected"},{text:"Range start date selected, end date hovered"},{text:"Range end date selected, start date focused"},{text:"Range start and end dates selected"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"}]],examples:["Date selected","Range start date selected, end date hovered","Range end date selected, start date focused","Range start and end dates selected"],section:"components",subsection:"date-and-time",source:"html",tabName:null,Component:()=>n.e(12214).then(n.bind(n,51927))},"/components/button/html":{id:"Button",title:"Button",toc:[{text:"Examples"},[{text:"Variations"},{text:"Clicked buttons"},{text:"Small buttons"},{text:"Disabled"},{text:"Aria-disabled"},{text:"Links as buttons"},{text:"Inline link as span"},{text:"Block level"},{text:"Types"},{text:"Call to action"},{text:"Progress"},{text:"Counts"},{text:"Plain with no padding"},{text:"Stateful"},{text:"Favorite"}],{text:"Documentation"},[{text:"Overview"},{text:"Button vs link"},{text:"Accessibility"},{text:"Usage"}]],examples:["Variations","Clicked buttons","Small buttons","Disabled","Aria-disabled","Links as buttons","Inline link as span","Block level","Types","Call to action","Progress","Counts","Plain with no padding","Stateful","Favorite"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(22919),n.e(29053)]).then(n.bind(n,78654))},"/components/breadcrumb/html":{id:"Breadcrumb",title:"Breadcrumb",toc:[{text:"Examples"},[{text:"Basic"},{text:"Without home link"},{text:"With heading"},{text:"With menu dropdown"},{text:"With buttons"}],{text:"Documentation"},[{text:"Overview"},{text:"Accessibility"},{text:"Usage"}]],examples:["Basic","Without home link","With heading","With menu dropdown","With buttons"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(2754).then(n.bind(n,7197))},"/components/brand/html":{id:"Brand",title:"Brand",toc:[{text:"Examples"},[{text:"Basic"},{text:"Responsive"}],{text:"Documentation"},[{text:"Overview"},{text:"Accessibility"},{text:"Usage"}]],examples:["Basic","Responsive"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(26284),n.e(71175)]).then(n.bind(n,96234))},"/components/banner/html":{id:"Banner",title:"Banner",toc:[{text:"Examples"},[{text:"Basic"},{text:"Banner with links"},{text:"Status"}],{text:"Documentation"},[{text:"Usage"}]],examples:["Basic","Banner with links","Status"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(7694).then(n.bind(n,5881))},"/components/badge/html":{id:"Badge",title:"Badge",toc:[{text:"Examples"},[{text:"Read"},{text:"Unread"},{text:"Disabled"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Read","Unread","Disabled"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(7548).then(n.bind(n,21559))}

1,"/components/background-image/html":{id:"Background image",title:"Background image",toc:[{text:"Examples"},[{text:"Basic"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],fullscreenExamples:["Basic"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(83760).then(n.bind(n,61719))},"/components/backdrop/html":{id:"Backdrop",title:"Backdrop",toc:[{text:"Examples"},[{text:"Basic"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],fullscreenExamples:["Basic"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(77847).then(n.bind(n,93625))},"/components/back-to-top/html":{id:"Back to top",title:"Back to top",toc:[{text:"Examples"},[{text:"Basic"}],{text:"Documentation"},[{text:"Usage"}]],examples:["Basic"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>Promise.all([n.e(92738),n.e(5982)]).then(n.bind(n,73740))},"/components/avatar/html":{id:"Avatar",title:"Avatar",toc:[{text:"Examples"},[{text:"Basic"},{text:"Bordered"},{text:"Small"},{text:"Medium"},{text:"Large"},{text:"Extra large"}],{text:"Documentation"},[{text:"Overview"},{text:"Accessibility"},{text:"Usage"}]],examples:["Basic","Bordered","Small","Medium","Large","Extra large"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(64970).then(n.bind(n,70710))},"/components/alert/html":{id:"Alert",title:"Alert",toc:[{text:"Alert examples"},[{text:"Types"},{text:"Variations"},{text:"Inline types"},{text:"Inline variations"},{text:"Custom icon"},{text:"Inline plain"},{text:"Expandable"}],{text:"Alert group examples"},[{text:"Static alert group"},{text:"Toast alert group"}],{text:"Documentation"},[{text:"Alert overview"},{text:"Alert usage"},{text:"Alert group overview"},{text:"Alert group usage"}]],examples:["Types","Variations","Inline types","Inline variations","Custom icon","Inline plain","Expandable","Static alert group"],fullscreenExamples:["Toast alert group"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(29425).then(n.bind(n,81359))},"/components/action-list/html":{id:"Action list",title:"Action list",toc:[{text:"Examples"},[{text:"Action list single group"},{text:"Action list with icons"},{text:"Action list multiple groups"},{text:"Action list with cancel button"},{text:"Overview"},{text:"Usage"}]],examples:["Action list single group","Action list with icons","Action list multiple groups","Action list with cancel button"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(79034).then(n.bind(n,19672))},"/components/accordion/html":{id:"Accordion",title:"Accordion",toc:[{text:"Examples"},[{text:"Fluid"},{text:"Fixed"},{text:"Definition list"},{text:"Bordered"},{text:"Large bordered"},{text:"Toggle icon at start"}],{text:"Documentation"},[{text:"Overview"},{text:"Usage"}]],examples:["Fluid","Fixed","Definition list","Bordered","Large bordered","Toggle icon at start"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(83230).then(n.bind(n,29350))},"/components/about-modal/html":{id:"About modal",title:"About modal",toc:[{text:"Examples"},[{text:"Basic"}],{text:"Documentation"},[{text:"Accessibility"},{text:"Usage"}]],fullscreenExamples:["Basic"],section:"components",subsection:"",source:"html",tabName:null,Component:()=>n.e(69432).then(n.bind(n,22644))},"/components/wizard/html-demos":{id:"Wizard",title:"Wizard",toc:[{text:"Demos"},[{text:"Basic"},{text:"Nav expanded (mobile)"},{text:"With drawer, closed"},{text:"With drawer, expanded"},{text:"With drawer and informational step"},{text:"In page"},{text:"In page nav expanded (mobile)"},{text:"With drawer, in page"},{text:"With drawer, in page, expanded"}]],fullscreenExamples:["Basic","Nav expanded (mobile)","With drawer, closed","With drawer, expanded","With drawer and informational step","In page","In page nav expanded (mobile)","With drawer, in page","With drawer, in page, expanded"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(62328).then(n.bind(n,73180))},"/components/toolbar/html-demos":{id:"Toolbar",title:"Toolbar",toc:[{text:"Demos"}

1,[{text:"Toolbar attribute value search filter on desktop"},{text:"Toolbar with validation on desktop"},{text:"Toolbar attribute value search filter on mobile"},{text:"Toolbar attribute value single select filter on desktop"},{text:"Toolbar attribute value single select filter on mobile"},{text:"Toolbar attribute value checkbox menu toggle filter on desktop"},{text:"Toolbar attribute value checkbox menu toggle filter on mobile"},{text:"Toolbar pagination management on mobile"}]],examples:["Toolbar attribute value search filter on desktop","Toolbar attribute value search filter on mobile","Toolbar attribute value single select filter on desktop","Toolbar attribute value single select filter on mobile","Toolbar attribute value checkbox menu toggle filter on desktop","Toolbar attribute value checkbox menu toggle filter on mobile"],fullscreenExamples:["Toolbar with validation on desktop","Toolbar pagination management on mobile"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>Promise.all([n.e(93034),n.e(2325)]).then(n.bind(n,47971))},"/components/tabs/html-demos":{id:"Tabs",title:"Tabs",toc:[{text:"Examples"},[{text:"Open tabs"},{text:"Open tabs with secondary tabs"},{text:"Nested tabs"},{text:"Tables and tabs"},{text:"Modal tabs"},{text:"Nested, unindented tabs"}]],fullscreenExamples:["Open tabs","Open tabs with secondary tabs","Nested tabs","Tables and tabs","Modal tabs","Nested, unindented tabs"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(52833).then(n.bind(n,26847))},"/components/table/html-demos":{id:"Table",title:"Table",toc:[{text:"Demos"},[{text:"Basic"},{text:"Sortable"},{text:"Expandable"},{text:"Compact"},{text:"Compound expansion"},{text:"Loading state demo"},{text:"Empty state"},{text:"Static bottom pagination"},{text:"Column management modal"},{text:"Sticky header"},{text:"Sticky first column"},{text:"Sticky multiple columns"},{text:"Sticky header and multiple columns"},{text:"Sticky header and last column"},{text:"Cell with image alignment"}]],fullscreenExamples:["Basic","Sortable","Expandable","Compact","Compound expansion","Loading state demo","Empty state","Static bottom pagination","Column management modal","Sticky header","Sticky first column","Sticky multiple columns","Sticky header and multiple columns","Sticky header and last column","Cell with image alignment"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>Promise.all([n.e(36449),n.e(99764)]).then(n.bind(n,26389))},"/components/skeleton/html-demos":{id:"Skeleton",title:"Skeleton",toc:[{text:"Demos"},[{text:"Skeleton card"}]],fullscreenExamples:["Skeleton card"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(72545).then(n.bind(n,1541))},"/patterns/primary-detail/html-demos":{id:"Primary-detail",title:"Primary-detail",toc:[{text:"Demos"},[{text:"Primary-detail expanded"},{text:"Primary-detail collapsed"},{text:"Primary-detail content body padding"},{text:"Primary-detail card view expanded"},{text:"Primary-detail card simple list expanded on mobile"},{text:"Primary-detail card data list expanded on mobile"},{text:"Inline modifier"}],{text:"Documentation"}],fullscreenExamples:["Primary-detail expanded","Primary-detail collapsed","Primary-detail content body padding","Primary-detail card view expanded","Primary-detail card simple list expanded on mobile","Primary-detail card data list expanded on mobile","Inline modifier"],section:"patterns",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(60595).then(n.bind(n,59029))},"/components/password-strength/html-demos":{id:"Password strength",title:"Password strength",toc:[{text:"Examples"},[{text:"Initial state"},{text:"Invalid password"},{text:"Valid, weak password"},{text:"Valid, strong password"}],{text:"Documentation"}],examples:["Initial state","Invalid password","Valid, weak password","Valid, strong password"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(36345).then(n.bind(n,78159))},"/components/password-generator/html-demos":{id:"Password generator",title:"Password generator",toc:[{text:"Examples"},[{text:"Provide a generated password"}],{text:"Documentation"}],examples:["Provide a generated password"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>

1n.e(96255).then(n.bind(n,71156))},"/components/panel/html-demos":{id:"Panel",title:"Panel",toc:[{text:"Demos"},[{text:"With a menu"}]],examples:["With a menu"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(63398).then(n.bind(n,59569))},"/components/page/html-demos":{id:"Page",title:"Page",toc:[{text:"Demos"},[{text:"Basic"},{text:"Multiple sidebar body elements"},{text:"Sticky horizontal subnav"},{text:"Sticky breadcrumb"},{text:"Sticky breadcrumb on medium"},{text:"Sticky section group"},{text:"Sticky section bottom"},{text:"Overflow scroll"},{text:"Centered section"},{text:"Context selector in sidebar"},{text:"Context selector expanded in sidebar"},{text:"Sidebar collapsed"},{text:"Sidebar expanded"}]],fullscreenExamples:["Basic","Multiple sidebar body elements","Sticky horizontal subnav","Sticky breadcrumb","Sticky breadcrumb on medium","Sticky section group","Sticky section bottom","Overflow scroll","Centered section","Context selector in sidebar","Context selector expanded in sidebar","Sidebar collapsed","Sidebar expanded"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>Promise.all([n.e(68868),n.e(15171)]).then(n.bind(n,20196))},"/components/notification-drawer/html-demos":{id:"Notification drawer",title:"Notification drawer",toc:[{text:"Demos"},[{text:"Collapsed"},{text:"Expanded read"},{text:"Expanded unread"},{text:"Expanded attention"},{text:"Expanded with groups"}],{text:"Documentation"}],fullscreenExamples:["Collapsed","Expanded read","Expanded unread","Expanded attention","Expanded with groups"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(1226).then(n.bind(n,38962))},"/components/navigation/html-demos":{id:"Navigation",title:"Navigation",toc:[{text:"Examples"},[{text:"Default nav"},{text:"Grouped nav"},{text:"Expandable nav"},{text:"Horizontal nav"},{text:"Horizontal subnav"},{text:"Horizontal nav with horizontal subnav"}]],fullscreenExamples:["Default nav","Grouped nav","Expandable nav","Horizontal nav","Horizontal subnav","Horizontal nav with horizontal subnav"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(71758).then(n.bind(n,53586))},"/components/modal/html-demos":{id:"Modal",title:"Modal",toc:[{text:"Demos"},[{text:"Basic"},{text:"Scrollable content"},{text:"Medium"},{text:"Large"},{text:"Top aligned"},{text:"Modal with form"}]],fullscreenExamples:["Basic","Scrollable content","Medium","Large","Top aligned","Modal with form"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(41336).then(n.bind(n,15372))},"/components/masthead/html-demos":{id:"Masthead",title:"Masthead",toc:[{text:"Examples"},[{text:"Basic"},{text:"With context selector and dropdown"},{text:"With toolbar, filters"},{text:"With toggle group and filters"},{text:"With expandable search, collapsed"},{text:"With expandable search, expanded"},{text:"Advanced integration with menu options"},{text:"Horizontal nav"}],{text:"Mobile examples"},[{text:"With toggle group, filters, expandable content expanded (mobile)"}]],fullscreenExamples:["Basic","With context selector and dropdown","With toolbar, filters","With toggle group and filters","With expandable search, collapsed","With expandable search, expanded","Advanced integration with menu options","Horizontal nav","With toggle group, filters, expandable content expanded (mobile)"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(16210).then(n.bind(n,56222))},"/components/jump-links/html-demos":{id:"Jump links",title:"Jump links",toc:[{text:"Examples"},[{text:"Vertical jump links collapsed on mobile"},{text:"Vertical jump links expanded on mobile"},{text:"Vertical jump links toggle text on mobile"},{text:"Horizontal jump links"},{text:"Jump links in drawer"},{text:"Jump links in expanded drawer"}]],fullscreenExamples:["Vertical jump links collapsed on mobile","Vertical jump links expanded on mobile","Vertical jump links toggle text on mobile","Horizontal jump links","Jump links in drawer","Jump links in expanded drawer"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(98424).then(n.bind(n,96046))},"/components/helper-text/html-demos":{id:"Helper text",title:"Helper text",toc:[{text:"Examples"},[{text:"Helper text on a form"}],{text:"Documentation"}],examples:["Helper text on a form"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(11837).then(n.bind(n,55009))},"/components/forms/form/html-demos":{id:"Form",title:"Form",toc:[{text:"Demos"},[{text:"Basic"},{text:"Horizontal"},{text:"Grid"},{text:"Sections with repeatable fields"},{text:"Complex form"}]],examples:["Basic","Horizontal","Grid","Sections with repeatable fields","Complex form"],section:"components",subsection:"forms",source:"html-demos",tabName:null,Component:()=>n.e(27495).then(n.bind(n,77696))},"/components/drawer/html-demos":{id:"Drawer",title:"Drawer",toc:[{text:"Demos"},[{text:"Collapsed"},{text:"Expanded"},{text:"Expanded bottom"},{text:"Collapsed drawer with jump links"},{text:"Expanded drawer with jump links"}],{text:"Documentation"}],fullscreenExamples:["Collapsed","Expanded","Expanded bottom","Collapsed drawer with jump links","Expanded drawer with jump links"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(14786).then(n.bind(n,59144))},"/components/description-list/html-demos":{id:"Description list",title:"Description list",toc:[{text:"Examples"},[{text:"Basic"},{text:"In drawer"},{text:"Complex content"}]],fullscreenExamples:["Basic","In drawer","Complex content"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(5025).then(n.bind(n,25468))},"/components/data-list/html-demos":{id:"Data list",title:"Data list",toc:[{text:"Demos"},[{text:"Basic"},{text:"Actionable"},{text:"Expandable demo"},{text:"Static bottom pagination"}]],fullscreenExamples:["Basic","Actionable","Expandable demo","Static bottom pagination"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(60665).then(n.bind(n,35873))},"/patterns/dashboard/html-demos":{id:"Dashboard",title:"Dashboard",toc:[{text:"Examples"},[{text:"Basic"}

1]],fullscreenExamples:["Basic"],section:"patterns",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(67842).then(n.bind(n,14229))},"/patterns/card-view/html-demos":{id:"Card view",title:"Card view",toc:[{text:"Examples"},[{text:"Card view"}],{text:"Documentation"}],fullscreenExamples:["Card view"],section:"patterns",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(87224).then(n.bind(n,85333))},"/components/card/html-demos":{id:"Card",title:"Card",toc:[{text:"Demos"},[{text:"Horizontal grid collapsed"},{text:"Horizontal grid expanded"},{text:"Horizontal split"},{text:"Details card"},{text:"Aggregate status card"},{text:"Status, tabbed card"},{text:"Status card"},{text:"Status card expanded notifications"},{text:"Status card expanded with popover"},{text:"Utilization card 1"},{text:"Utilization card 2"},{text:"Utilization card 3"},{text:"Utilization card 4"},{text:"Nested cards with expand toggle on the right"},{text:"Nested cards with expand toggle"},{text:"With accordion"},{text:"Trend card 1"},{text:"Trend card 2"},{text:"Log view"},{text:"Events view"}]],examples:["Horizontal grid collapsed","Horizontal grid expanded","Horizontal split","Details card","Aggregate status card","Status, tabbed card","Status card","Status card expanded notifications","Status card expanded with popover","Utilization card 1","Utilization card 2","Utilization card 3","Utilization card 4","Nested cards with expand toggle on the right","Nested cards with expand toggle","With accordion","Trend card 1","Trend card 2","Log view","Events view"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>Promise.all([n.e(17886),n.e(44779)]).then(n.bind(n,28066))},"/components/button/html-demos":{id:"Button",title:"Button",toc:[{text:"Examples"},[{text:"Progress button - initial"},{text:"Progress button - loading"},{text:"Progress button - complete"}]],examples:["Progress button - initial","Progress button - loading","Progress button - complete"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(24423).then(n.bind(n,25127))},"/components/banner/html-demos":{id:"Banner",title:"Banner",toc:[{text:"Examples"},[{text:"Basic"},{text:"Top/bottom"}]],fullscreenExamples:["Basic","Top/bottom"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(69215).then(n.bind(n,31313))},"/components/back-to-top/html-demos":{id:"Back to top",title:"Back to top",toc:[{text:"Examples"},[{text:"Basic"}]],fullscreenExamples:["Basic"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(1006).then(n.bind(n,83729))},"/components/alert/html-demos":{id:"Alert",title:"Alert",toc:[{text:"Demos"},[{text:"Toast"},{text:"Inline Alert in Horizontal Form"},{text:"Inline Alert in Stacked Form"}]],fullscreenExamples:["Toast","Inline Alert in Horizontal Form","Inline Alert in Stacked Form"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(54021).then(n.bind(n,89080))},"/components/about-modal/html-demos":{id:"About modal",title:"About modal",toc:[{text:"Demos"},[{text:"Basic"}]],fullscreenExamples:["Basic"],section:"components",subsection:"",source:"html-demos",tabName:null,Component:()=>n.e(83860).then(n.bind(n,31983))},"/components/tile/html-deprecated":{id:"Tile",title:"Tile",toc:[{text:"Examples"},[{text:"Basic tiles"},{text:"Stacked tiles"},{text:"Stacked tiles large"},{text:"Extra content"}],{text:"Documentation"},[{text:"Overview"},{text:"Accessibility"},{text:"Usage"}]],examples:["Basic tiles","Stacked tiles","Stacked tiles large","Extra content"],section:"components",subsection:"",source:"html-deprecated",tabName:null,deprecated:!0,Component:()=>Promise.all([n.e(99443),n.e(7434)]).then(n.bind(n,75893))},"/components/wizard/react":{id:"Wizard",title:"Wizard",toc:[{text:"Examples"},[{text:"Basic"},{text:"Focus content on next/back"},{text:"Basic with disabled steps"},{text:"Anchors for nav items"},{text:"Incrementally enabled steps"},{text:"Expandable steps"},{text:"Progress after submission"},{text:"Enabled on form validation"},{text:"Validate on button press"},{text:"Progressive steps"},{text:"Get current step"},{text:"Within modal"},{text:"Step drawer content"},{text:"Custom navigation"},{text:"Header"},{text:"Custom footer"},{text:"Custom navigation item"},{text:"Toggle step visibility"},{text:"Step status"}],{text:"Hooks"},[{text:"useWizardContext"},{text:"useWizardFooter"}

1]],examples:["Basic","Focus content on next/back","Basic with disabled steps","Anchors for nav items","Incrementally enabled steps","Expandable steps","Progress after submission","Enabled on form validation","Validate on button press","Progressive steps","Get current step","Within modal","Step drawer content","Custom navigation","Header","Custom footer","Custom navigation item","Toggle step visibility","Step status"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(50914),n.e(527),n.e(4648)]).then(n.bind(n,1029))},"/components/truncate/react":{id:"Truncate",title:"Truncate",toc:[{text:"Examples"},[{text:"Default"},{text:"Middle"},{text:"Start"},{text:"Default with tooltip at the bottom"}]],examples:["Default","Middle","Start","Default with tooltip at the bottom"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(89274),n.e(14780)]).then(n.bind(n,40339))},"/components/tree-view/react":{id:"Tree view",title:"Tree view",toc:[{text:"Examples"},[{text:"Single selectable"},{text:"Multiselectable"},{text:"With separate selection and expansion"},{text:"With search"},{text:"With checkboxes"},{text:"With icons"},{text:"With unique icon per item"},{text:"With badges"},{text:"With custom badges"},{text:"With action items"},{text:"Guides"},{text:"Compact"},{text:"Compact, no background"},{text:"With memoization"}]],examples:["Single selectable","Multiselectable","With separate selection and expansion","With search","With checkboxes","With icons","With unique icon per item","With badges","With custom badges","With action items","Guides","Compact","Compact, no background","With memoization"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(29995),n.e(52224),n.e(46955),n.e(31947),n.e(20065),n.e(34694),n.e(53265)]).then(n.bind(n,52722))},"/components/tooltip/react":{id:"Tooltip",title:"Tooltip",toc:[{text:"Examples"},[{text:"Basic"},{text:"Tooltip react ref"},{text:"Tooltip selector ref"},{text:"On icon with dynamic content"},{text:"Options"}]],examples:["Basic","Tooltip react ref","Tooltip selector ref","On icon with dynamic content","Options"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(67922),n.e(76522),n.e(12338)]).then(n.bind(n,95959))},"/components/toolbar/react":{id:"Toolbar",title:"Toolbar",toc:[{text:"Examples"},[{text:"Toolbar items"},{text:"With adjusted inset"},{text:"Sticky toolbar"},{text:"With groups of items"},{text:"Background color variants"}],{text:"Examples with toggle groups and filters"},[{text:"Component managed toggle groups"},{text:"Consumer managed toggle groups"},{text:"With filters"},{text:"With custom label group content"},{text:"Stacked example"}],{text:"Examples with spacers and wrapping"},[{text:"Toolbar content wrapping"},{text:"Toolbar group spacers"},{text:"Toolbar item spacers"}]],examples:["Toolbar items","With adjusted inset","Sticky toolbar","With groups of items","Background color variants","Component managed toggle groups","Consumer managed toggle groups","With filters","With custom label group content","Stacked example","Toolbar content wrapping","Toolbar group spacers","Toolbar item spacers"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(29995),n.e(40409),n.e(90805),n.e(21361),n.e(10407)]).then(n.bind(n,26451))},"/components/toggle-group/react":{id:"Toggle group",title:"Toggle group",toc:[{text:"Examples"},[{text:"Single select toggle group"},{text:"Multi select toggle group"},{text:"With icons"},{text:"With text and icons"},{text:"Compact toggle group"}]],examples:["Single select toggle group","Multi select toggle group","With icons","With text and icons","Compact toggle group"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(4307),n.e(4026),n.e(60817)]).then(n.bind(n,71238))},"/components/title/react":{id:"Title",title:"Title",toc:[{text:"Examples"},[{text:"Default Sizes"},{text:"Custom Sizes"}]],examples:["Default Sizes","Custom Sizes"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>n.e(58913).then(n.bind(n,7918))},"/components/timestamp/react":{id:"Timestamp",title:"Timestamp",toc:[{text:"Examples"},[{text:"Default"},{text:"Basic formats"},{text:"Custom format"},{text:"Default tooltip"},{text:"Custom content"},{text:"Custom tooltip"}]],examples:["Default","Basic formats","Custom format","Default tooltip","Custom content","Custom tooltip"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>n.e(80304).then(n.bind(n,4381))},"/components/date-and-time/time-picker/react":{id:"Time picker",title:"Time picker",toc:[{text:"Examples"},[{text:"Basic 12 hour"},{text:"Basic 24 hour"},{text:"Custom delimiter"},{text:"Minimum/maximum times"},{text:"With seconds"},{text:"Basic 24 hours with seconds"}]],examples:["Basic 12 hour","Basic 24 hour","Custom delimiter","Minimum/maximum times","With seconds","Basic 24 hours with seconds"],section:"components",subsection:"date-and-time",source:"react",tabName:null,Component:()=>n.e(23278).then(n.bind(n,32158))},"/components/text-input-group/react":{id:"Text input group",title:"Text input group",toc:[{text:"Examples"},[{text:"Basic text input group"},{text:"Disabled text input group"},{text:"With icon and utilities"},{text:"With validation"},{text:"With filters"}]],examples:["Basic text input group","Disabled text input group","With icon and utilities","With validation","With filters"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(40409),n.e(69876)]).then(n.bind(n,61298))},"/components/forms/text-input/react":{id:"Text input",title:"Text input",toc:[{text:"Examples"},[{text:"Basic"},{text:"Disabled"},{text:"Truncated at start"},{text:"Read only"},{text:"Invalid"},{text:"Select text using ref"},{text:"Custom icon"},{text:"Custom icon and invalid"}]],examples:["Basic","Disabled","Truncated at start","Read only","Invalid","Select text using ref","Custom icon","Custom icon and invalid"],section:"components",subsection:"forms",source:"react",tabName:null,Component:()=>Promise.all([n.e(41845),n.e(30256),n.e(13030)]).then(n.bind(n,46919))},"/components/forms/text-area/react":{id:"Text area",title:"Text area",toc:[{text:"Examples"},[{text:"Basic"},{text:"Invalid"},{text:"Validated"},{text:"Vertically resizable"},{text:"Horizontally resizable"},{text:"Not resizable"},{text:"Uncontrolled"},{text:"Disabled"},{text:"Read only"},{text:"Auto resizing"}]],examples:["Basic","Invalid","Validated","Vertically resizable","Horizontally resizable","Not resizable","Uncontrolled","Disabled","Read only","Auto resizing"],section:"components",subsection:"forms",source:"react",tabName:null,Component:()=>n.e(7488).then(n.bind(n,81330))},"/components/tabs/react":{id:"Tabs",title:"Tabs",toc:[{text:"Examples"},[{text:"Default tabs"},{text:"Boxed secondary tabs"},{text:"Vertical tabs"},{text:"Vertical expandable tabs"},{text:"Vertical expandable uncontrolled"},{text:"Default overflow tabs"},{text:"Horizontal overflow tabs"},{text:"With tooltip react ref"},{text:"Uncontrolled tabs"}

1,{text:"With adjusted inset"},{text:"With page insets"},{text:"With icons and text"},{text:"Subtabs"},{text:"Filled tabs with icons"},{text:"Tabs linked to nav elements"},{text:"Subtabs linked to nav elements"},{text:"With separate content"},{text:"With tab content with body and padding"},{text:"Children mounting on click"},{text:"Unmounting invisible children"},{text:"Toggled tab content"},{text:"Dynamic tabs"},{text:"With help action popover"},{text:"With help and close actions"}]],examples:["Default tabs","Boxed secondary tabs","Vertical tabs","Vertical expandable tabs","Vertical expandable uncontrolled","Default overflow tabs","Horizontal overflow tabs","With tooltip react ref","Uncontrolled tabs","With adjusted inset","With page insets","With icons and text","Subtabs","Filled tabs with icons","Tabs linked to nav elements","Subtabs linked to nav elements","With separate content","With tab content with body and padding","Children mounting on click","Unmounting invisible children","Toggled tab content","Dynamic tabs","With help action popover","With help and close actions"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(75877),n.e(56653),n.e(10294),n.e(16965)]).then(n.bind(n,56181))},"/components/switch/react":{id:"Switch",title:"Switch",toc:[{text:"Examples"},[{text:"Basic"},{text:"Reversed Layout"},{text:"Without label"},{text:"Checked with label"},{text:"Disabled"},{text:"Uncontrolled"}]],examples:["Basic","Reversed Layout","Without label","Checked with label","Disabled","Uncontrolled"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>n.e(99623).then(n.bind(n,8989))},"/components/spinner/react":{id:"Spinner",title:"Spinner",toc:[{text:"Examples"},[{text:"Basic"},{text:"Size variations"},{text:"Custom size"},{text:"Inline size"}]],examples:["Basic","Size variations","Custom size","Inline size"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>n.e(61317).then(n.bind(n,57978))},"/components/slider/react":{id:"Slider",title:"Slider",toc:[{text:"Examples"},[{text:"Discrete"},{text:"Continuous"},{text:"Value input"},{text:"Thumb value input"},{text:"Actions"},{text:"Disabled"}],{text:"Types"},[{text:"SliderOnChangeEvent"}]],examples:["Discrete","Continuous","Value input","Thumb value input","Actions","Disabled"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(2885),n.e(33789),n.e(99772),n.e(30537),n.e(18402)]).then(n.bind(n,20883))},"/components/skip-to-content/react":{id:"Skip to content",title:"Skip to content",toc:[{text:"Examples"},[{text:"Basic"}]],fullscreenExamples:["Basic"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>n.e(23262).then(n.bind(n,17764))},"/components/skeleton/react":{id:"Skeleton",title:"Skeleton",toc:[{text:"Examples"},[{text:"Default"},{text:"Percentage widths"},{text:"Percentage heights"},{text:"Text modifiers"},{text:"Shapes"}]],examples:["Default","Percentage widths","Percentage heights","Text modifiers","Shapes"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(58235),n.e(11859)]).then(n.bind(n,58603))},"/components/simple-list/react":{id:"Simple list",title:"Simple list",toc:[{text:"Examples"},[{text:"Simple list"},{text:"Simple list with links"},{text:"Grouped list"},{text:"Uncontrolled simple list"}]],examples:["Simple list","Simple list with links","Grouped list","Uncontrolled simple list"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>n.e(49966).then(n.bind(n,86930))},"/components/sidebar/react":{id:"Sidebar",title:"Sidebar",toc:[{text:"Examples"},[{text:"Basic"},{text:"Stack"},{text:"Panel right with gutter"},{text:"Sticky panel"},{text:"Static panel"},{text:"Responsive panel width"},{text:"Border"},{text:"Padding on panel"},{text:"Padding on content"}]],examples:["Basic","Stack","Panel right with gutter","Sticky panel","Static panel","Responsive panel width","Border","Padding on panel","Padding on content"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>n.e(77230).then(n.bind(n,37640))},"/components/menus/select/react":{id:"Select",title:"Select",toc:[{text:"Examples"},[{text:"Single select"},{text:"Select option variants"},{text:"With grouped items"},{text:"With validation"},{text:"Checkbox select"},{text:"Typeahead"},{text:"Typeahead with create option"},{text:"Multiple typeahead with chips"},{text:"Multiple typeahead with create option"},{text:"Multiple typeahead with checkboxes"},{text:"With view more"},{text:"With a footer"}]],examples:["Single select","Select option variants","With grouped items","With validation","Checkbox select","Typeahead","Typeahead with create option","Multiple typeahead with chips","Multiple typeahead with create option","Multiple typeahead with checkboxes","With view more","With a footer"],section:"components",subsection:"menus",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(24844)]).then(n.bind(n,5113))},"/components/search-input/react":{id:"Search input",title:"Search input",toc:[{text:"Examples"},[{text:"Basic"},{text:"Match with result count"},{text:"Match with navigable options"},{text:"With submit button"},{text:"Focus search input using ref"},{text:"With expandable button"},{text:"Advanced"}]],examples:["Basic","Match with result count","Match with navigable options","With submit button","Focus search input using ref","With expandable button","Advanced"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(98952),n.e(13651)]).then(n.bind(n,40143))},"/components/forms/radio/react":{id:"Radio",title:"Radio",toc:[{text:"Examples"},[{text:"Controlled"},{text:"Uncontrolled"},{text:"Reversed"},{text:"Label wraps"},{text:"Disabled"},{text:"With description"},{text:"With body"},{text:"With description and body"},{text:"Standalone input"}]],examples:["Controlled","Uncontrolled","Reversed","Label wraps","Disabled","With de

1scription","With body","With description and body","Standalone input"],section:"components",subsection:"forms",source:"react",tabName:null,Component:()=>n.e(11539).then(n.bind(n,51409))},"/components/progress-stepper/react":{id:"Progress stepper",title:"Progress stepper",toc:[{text:"Examples"},[{text:"Basic"},{text:"With step descriptions"},{text:"With alignment"},{text:"Compact"},{text:"With an issue"},{text:"With a failure"},{text:"With custom icons"},{text:"With help popover"}]],examples:["Basic","With step descriptions","With alignment","Compact","With an issue","With a failure","With custom icons","With help popover"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(89446),n.e(43962),n.e(79912)]).then(n.bind(n,7683))},"/components/progress/react":{id:"Progress",title:"Progress",toc:[{text:"Examples"},[{text:"Basic"},{text:"Small"},{text:"Large"},{text:"Outside"},{text:"Inside"},{text:"Success"},{text:"Failure"},{text:"Warning"},{text:"Inside success"},{text:"Outside failure"},{text:"Single line"},{text:"Without measure"},{text:"Failure without measure"},{text:"Finite step"},{text:"Progress with step instructions"},{text:"Truncate title"},{text:"Title outside of progress bar"},{text:"Helper text"}]],examples:["Basic","Small","Large","Outside","Inside","Success","Failure","Warning","Inside success","Outside failure","Single line","Without measure","Failure without measure","Finite step","Progress with step instructions","Truncate title","Title outside of progress bar","Helper text"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>n.e(60871).then(n.bind(n,42325))},"/components/popover/react":{id:"Popover",title:"Popover",toc:[{text:"Examples"},[{text:"Basic"},{text:"Hoverable"},{text:"Close popover from content (controlled)"},{text:"Close popover from content (uncontrolled)"},{text:"Without header/footer/close and no padding"},{text:"Width auto"},{text:"Popover react ref"},{text:"Popover selector ref"},{text:"Advanced"},{text:"Popover with icon in the title"},{text:"Alert popover"},{text:"Custom focus"}]],examples:["Basic","Hoverable","Close popover from content (controlled)","Close popover from content (uncontrolled)","Without header/footer/close and no padding","Width auto","Popover react ref","Popover selector ref","Advanced","Popover with icon in the title","Alert popover","Custom focus"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(31784),n.e(39040)]).then(n.bind(n,37054))},"/components/panel/react":{id:"Panel",title:"Panel",toc:[{text:"Examples"},[{text:"Basic"},{text:"Header"},{text:"Footer"},{text:"Header and footer"},{text:"No body"},{text:"Raised"},{text:"Bordered"},{text:"Secondary variant"},{text:"Scrollable"},{text:"Scrollable with header and footer"}]],examples:["Basic","Header","Footer","Header and footer","No body","Raised","Bordered","Secondary variant","Scrollable","Scrollable with header and footer"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>n.e(49176).then(n.bind(n,6773))},"/components/pagination/react":{id:"Pagination",title:"Pagination",toc:[{text:"Examples"},[{text:"Top"},{text:"Bottom"},{text:"Indeterminate"},{text:"Disabled"},{text:"No items"},{text:"One page"},{text:"Compact"},{text:"Offset"},{text:"Sticky"},{text:"Inset"}]],examples:["Top","Bottom","Indeterminate","Disabled","No items","One page","Compact","Offset","Inset"],fullscreenExamples:["Sticky"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>n.e(78482).then(n.bind(n,2272))},"/components/page/react":{id:"Page",title:"Page",toc:[{text:"Examples"},[{text:"Basic page components"},{text:"Vertical navigation"},{text:"Multiple sidebar body"},{text:"Horizontal navigation"},{text:"Uncontrolled navigation"},{text:"Filled page sections"},{text:"Main section padding"},{text:"Main section variations"},{text:"Group section"},{text:"Centered section"}]],examples:["Vertical navigation","Multiple sidebar body","Horizontal navigation","Uncontrolled navigation","Filled page sections","Main section padding","Main section variations","Group section","Centered section"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(20322),n.e(97846),n.e(11453),n.e(39450)]).then(n.bind(n,72407))},"/components/overflow-menu/react":{id:"Overflow menu",title:"Overflow menu",toc:[{text:"Examples"},[{text:"Simple (responsive)"},{text:"Group types"},{text:"Multiple groups"},{text:"Persistent"},{text:"Breakpoint on container"}]],examples:["Simple (responsive)","Group types","Multiple groups","Persistent","Breakpoint on container"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(29995),n.e(92057),n.e(15440),n.e(24455)]).then(n.bind(n,97546))},"/components/number-input/react":{id:"Number input",title:"Number input",toc:[{text:"Examples"},[{text:"Default"},{text:"With unit"},{text:"With unit and thresholds"},{text:"Disabled"},{text:"With status"},{text:"Varying sizes"},{text:"Custom increment/decrement"},{text:"Custom increment/decrement and thresholds"}]],examples:["Default","With unit","With unit and thresholds","Disabled","With status","Varying sizes","Custom increment/decrement","Custom increment/decrement and thresholds"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>n.e(21752).then(n.bind(n,90200))},"/components/notification-drawer/react":{id:"Notification drawer",title:"Notification drawer",toc:[{text:"Examples"},[{text:"Basic"},{text:"Groups"},{text:"Lightweight"}]],examples:["Basic","Groups","Lightweight"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(29995),n.e(40409),n.e(31455)]).then(n.bind(n,39301))},"/components/notification-badge/react":{id:"Notification badge",title:"Notification badge",toc:[{text:"Examples"},[{text:"Basic"},{text:"With count"},{text:"With animation"}]],examples:["Basic","With count","With animation"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(23130)]).then(n.bind(n,21589))},"/components/navigation/react":{id:"Navigation",title:"Navigation",toc:[{text:"Examples"},[{text:"Default"},{text:"Grouped"},{text:"Expandable"},{text:"Expandable third level"},{text:"Mixed"},{text:"Horizontal navigation"},{text:"Horizontal subnav"},{text:"Flyout"},{text:"Drilldown"},{text:"With item icons"}],{text:"Types"},[{text:"NavSelectClickHandler"}]],examples:["Default","Grouped","Expandable","Expandable third level","Mixed","Horizontal navigation","Horizontal subnav","Flyout","Drilldown","With item icons"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(70683),n.e(31947),n.e(64680),n.e(47460),n.e(25040)]).then(n.bind(n,98416))},"/components/file-upload/multiple-file-upload/react":{id:"Multiple file upload",title:"Multiple file upload",toc:[{text:"Restricting file size and type"},[{text:"IMPORTANT: A note about security"}],{text:"Composable structure"},{text:"Examples"},[{text:"Basic"}],{text:"Types"}],examples:["Basic"],section:"components",subsection:"file-upload",source:"react",tabName:null,Component:()=>Promise.all([n.e(63607),n.e(7231)]).then(n.bind(n,34793))},"/components/modal/react":{id:"Modal",title:"Modal",toc:[{text:"Examples"},[{text:"Basic modals"},{text:"Scrollable modals"},{text:"With a static description"},{text:"Top aligned"},{text:"Modal sizes"},{text:"Custom width"},{text:"Custom header"},{text:"No header or footer"},{text:"Title icon"},{text:"Custom title icon"},{text:"With wizard"},{text:"With dropdown"},{text:"With help"},{text:"With form"},{text:"Custom focus"}]],examples:["Basic modals","Scrollable modals","With a static description","Top aligned","Modal sizes","Custom width","Custom header","No header or footer","Title icon","Custom title icon","With wizard","With dropdown","With help","With form","Custom focus"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(79892),n.e(75877),n.e(19463),n.e(31784),n.e(74512),n.e(26485)]).then(n.bind(n,85458))},"/components/menus/menu-toggle/react":{id:"Menu toggle",title:"Menu toggle",toc:[{text:"Examples"},[{text:"Collapsed toggle"},{text:"Expanded toggle"},{text:"Small toggle"},{text:"Disabled toggle"},{text:"With a badge"},{text:"With icons"},{text:"With avatar and text"},{text:"Variant styles"},{text:"Plain toggle with icon"},{text:"Plain toggle with text label"},{text:"Split toggle with checkbox"},{text:"Split toggle with labeled checkbox"},{text:"Split toggle with checkbox and toggle text"},{text:"Split toggle with action"},{text:"Full height toggle"},{text:"Full width toggle"},{text:"Typeahead toggle"},{text:"Status toggle"},{text:"Placeholder text in toggle"}]],examples:["Collapsed toggle","Expanded toggle","Small toggle","Disabled toggle","With a badge","With icons","With avatar and text","Variant styles","Plain toggle with icon","Plain toggle with text label","Split toggle with checkbox","Split toggle with labeled checkbox","Split toggle with checkbox and toggle text","Split toggle with action","Full height toggle","Full width toggle","Typeahead toggle","Status toggle","Placeholder text in toggle"],section:"components",subsection:"menus",source:"react",tabName:null,Component:()=>Promise.all([n.e(29995),n.e(53366),n.e(51381),n.e(1658),n.e(25373)]).then(n.bind(n,64401))},"/components/menus/menu/react":{id:"Menu",title:"Menu",toc:[{text:"Examples"},[{text:"Basic menus"},{text:"Danger menu item"},{text:"With icons"},{text:"With actions"},{text:"With links"},{text:"With descriptions"},{text:"Item checkbox"},{text:"Menu footer"},{text:"Separated items"},{text:"Titled groups of items"},{text:"With favorites"},{text:"Filtering with search input"},{text:"Option single select menu"},{text:"Option multi select menu"},{text:"Scrollable menus"},{text:"Scrollable menu with custom height"},{text:"With view more"},{text:"With drilldown"},{text:"Initially drilled-in menu"},{text:"With drilldown - submenu functions"},{text:"With drilldown breadcrumbs"},{text:"With drilldown and inline filter"}],{text:"Using router links"}],examples:["Basic menus","Danger menu item","With icons","With actions","With links","With de

1scriptions","Item checkbox","Menu footer","Separated items","Titled groups of items","With favorites","Filtering with search input","Option single select menu","Option multi select menu","Scrollable menus","Scrollable menu with custom height","With view more","With drilldown","Initially drilled-in menu","With drilldown - submenu functions","With drilldown breadcrumbs","With drilldown and inline filter"],section:"components",subsection:"menus",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(2133),n.e(19463),n.e(70683),n.e(54618),n.e(46955),n.e(36136),n.e(30295)]).then(n.bind(n,95557))},"/components/masthead/react":{id:"Masthead",title:"Masthead",toc:[{text:"Examples"},[{text:"Basic"},{text:"Basic with mixed content"},{text:"Display inline"},{text:"Display stack"},{text:"Display stack, display inline responsive"},{text:"Inset"},{text:"Custom logo component"}],{text:"Using router links"}],examples:["Basic","Basic with mixed content","Display inline","Display stack","Display stack, display inline responsive","Inset","Custom logo component"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(20322),n.e(97846),n.e(62884),n.e(87811)]).then(n.bind(n,597))},"/components/login-page/react":{id:"Login page",title:"Login page",toc:[{text:"Examples"},[{text:"Basic"},{text:"Show/hide password"},{text:"Customizing the header utilities"},{text:"With header utilities"}]],fullscreenExamples:["Basic","Show/hide password","With header utilities"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(68063),n.e(10675),n.e(20065),n.e(56735),n.e(52465)]).then(n.bind(n,55840))},"/components/list/react":{id:"List",title:"List",toc:[{text:"Examples"},[{text:"Basic"},{text:"Inline"},{text:"Ordered"},{text:"Plain"},{text:"With horizontal rules"},{text:"With icons"},{text:"With large icons"}]],examples:["Basic","Inline","Ordered","Plain","With horizontal rules","With icons","With large icons"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(57375),n.e(30142),n.e(95221)]).then(n.bind(n,29610))},"/components/label/react":{id:"Label",title:"Label",toc:[{text:"Examples"},[{text:"Filled labels"},{text:"Outlined labels"},{text:"Compact labels"},{text:"Label with custom render"},{text:"Editable labels"},{text:"Basic label group"},{text:"Label group with overflow"},{text:"Label group with categories"},{text:"Label group with removable categories"},{text:"Vertical label group"},{text:"Editable label group"},{text:"Editable label group with add button"}],{text:"Using router links"}],examples:["Filled labels","Outlined labels","Compact labels","Label with custom render","Editable labels","Basic label group","Label group with overflow","Label group with categories","Label group with removable categories","Vertical label group","Editable label group","Editable label group with add button"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(73441),n.e(70683),n.e(70204),n.e(6132)]).then(n.bind(n,21218))},"/components/jump-links/react":{id:"Jump links",title:"Jump links",toc:[{text:"Examples"},[{text:"Basic"},{text:"With centered list"},{text:"With label"},{text:"Vertical"},{text:"Vertical with label"},{text:"Expandable vertical with subsection"}]],examples:["Basic","With centered list","With label","Vertical","Vertical with label","Expandable vertical with subsection"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>n.e(49691).then(n.bind(n,70419))},"/components/input-group/react":{id:"Input group",title:"Input group",toc:[{text:"Examples"},[{text:"Basic"},{text:"With textarea"},{text:"With dropdown"},{text:"With popover"},{text:"With multiple group siblings"}]],examples:["Basic","With textarea","With dropdown","With popover","With multiple group siblings"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(6193),n.e(3922),n.e(88436),n.e(3210)]).then(n.bind(n,92580))},"/components/icon/react":{id:"Icon",title:"Icon",toc:[{text:"Examples"},[{text:"Basic"},{text:"Standalone icon sizes"},{text:"Body sizes"},{text:"Heading sizes"},{text:"Status colors"},{text:"Sizing an icon within the icon container"},{text:"Inline"},{text:"In progress"},{text:"Custom in progress icon"}]],examples:["Basic","Standalone icon sizes","Body sizes","Heading sizes","Status colors","Sizing an icon within the icon container","Inline","In progress","Custom in progress icon"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(33238),n.e(51381),n.e(58134),n.e(32468),n.e(85270),n.e(24764)]).then(n.bind(n,65844))},"/components/hint/react":{id:"Hint",title:"Hint",toc:[{text:"Examples"},[{text:"Basic with title"},{text:"Basic without title"},{text:"With actions"}

1]],examples:["Basic with title","Basic without title","With actions"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(29995),n.e(47600)]).then(n.bind(n,70340))},"/components/helper-text/react":{id:"Helper text",title:"Helper text",toc:[{text:"Examples"},[{text:"Basic"},{text:"With custom icons"},{text:"Multiple items"}]],examples:["Basic","With custom icons","Multiple items"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(95657),n.e(26753),n.e(74236)]).then(n.bind(n,13683))},"/components/forms/form-select/react":{id:"Form select",title:"Form select",toc:[{text:"Examples"},[{text:"Basic"},{text:"Validated"},{text:"Disabled"},{text:"Grouped"}]],examples:["Basic","Validated","Disabled","Grouped"],section:"components",subsection:"forms",source:"react",tabName:null,Component:()=>n.e(45947).then(n.bind(n,67705))},"/components/forms/form/react":{id:"Form",title:"Form",toc:[{text:"Examples"},[{text:"Basic"},{text:"Horizontal"},{text:"Limit width"},{text:"Invalid"},{text:"Invalid with form alert"},{text:"Validated"},{text:"Horizontal stacked no padding top"},{text:"Horizontal stacked helper text on top"},{text:"Form group with additional label info"},{text:"Form Sections"},{text:"Grid form"},{text:"Field Groups"},{text:"Form state"}]],examples:["Basic","Horizontal","Limit width","Invalid","Invalid with form alert","Validated","Horizontal stacked no padding top","Horizontal stacked helper text on top","Form group with additional label info","Form Sections","Grid form","Field Groups","Form state"],section:"components",subsection:"forms",source:"react",tabName:null,Component:()=>Promise.all([n.e(68063),n.e(79892),n.e(75877),n.e(80794),n.e(68130)]).then(n.bind(n,48209))},"/components/file-upload/simple-file-upload/react":{id:"Simple file upload",title:"Simple file upload",toc:[{text:"Examples"},[{text:"Text files"},{text:"Simple text file"},{text:"With helper text"},{text:"Text file with edits allowed"},{text:"Restricting file size and type"},{text:"Text file with restrictions"},{text:"Other file types"},{text:"Simple file of any format"},{text:"Customizing the file preview"},{text:"Custom file preview"},{text:"Bringing your own file browse logic"},{text:"Custom file upload"}],{text:"Types"}],examples:["Simple text file","With helper text","Text file with edits allowed","Text file with restrictions","Simple file of any format","Custom file preview","Custom file upload"],section:"components",subsection:"file-upload",source:"react",tabName:null,Component:()=>Promise.all([n.e(68063),n.e(72827),n.e(95301)]).then(n.bind(n,93537))},"/components/expandable-section/react":{id:"Expandable section",title:"Expandable section",toc:[{text:"Examples"},[{text:"Basic"},{text:"Uncontrolled"},{text:"Uncontrolled with dynamic toggle text"},{text:"Detached"},{text:"Disclosure variation"},{text:"Indented expandable content"},{text:"With custom toggle content"},{text:"Truncate expansion"}]],examples:["Basic","Uncontrolled","Uncontrolled with dynamic toggle text","Detached","Disclosure variation","Indented expandable content","With custom toggle content","Truncate expansion"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(38814),n.e(69551)]).then(n.bind(n,64287))},"/components/empty-state/react":{id:"Empty state",title:"Empty state",toc:[{text:"Examples"},[{text:"Basic"},{text:"Extra small"},{text:"Small"},{text:"Large"},{text:"Extra large"},{text:"With status"},{text:"Spinner"},{text:"No match found"}]],examples:["Basic","Extra small","Small","Large","Extra large","With status","Spinner","No match found"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(38814),n.e(40409),n.e(97462),n.e(55552)]).then(n.bind(n,63276))},"/components/dual-list-selector/react":{id:"Dual list selector",title:"Dual list selector",toc:[{text:"Examples"},[{text:"Basic"},{text:"Basic with tooltips"},{text:"Basic with search"},{text:"Using more complex options with actions"},{text:"With tree"},{text:"Draggable"},{text:"Draggable with multiple drop zones"}

1]],examples:["Basic","Basic with tooltips","Basic with search","Using more complex options with actions","With tree","Draggable","Draggable with multiple drop zones"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(29995),n.e(33238),n.e(2133),n.e(40409),n.e(82134),n.e(83821),n.e(58603)]).then(n.bind(n,10610))},"/components/menus/dropdown/react":{id:"Dropdown",title:"Dropdown",toc:[{text:"Examples"},[{text:"Basic dropdowns"},{text:"With kebab toggle"},{text:"With groups of items"},{text:"With item descriptions"}]],examples:["Basic dropdowns","With kebab toggle","With groups of items","With item descriptions"],section:"components",subsection:"menus",source:"react",tabName:null,Component:()=>Promise.all([n.e(29995),n.e(95127)]).then(n.bind(n,78029))},"/components/drawer/react":{id:"Drawer",title:"Drawer",toc:[{text:"Examples"},[{text:"Basic"},{text:"Panel at end"},{text:"Panel at start"},{text:"Panel on bottom"},{text:"Basic inline"},{text:"Inline panel at end"},{text:"Inline panel at start"},{text:"Stacked content body elements"},{text:"Modified content padding"},{text:"Modified panel padding"},{text:"Additional section above drawer content"},{text:"Static drawer"},{text:"Breakpoint"},{text:"Resizable at end"},{text:"Resizable at start"},{text:"Resizable on bottom"},{text:"Resizable on inline"},{text:"Panel with secondary background"},{text:"With focus trap"}]],examples:["Basic","Panel at end","Panel at start","Panel on bottom","Basic inline","Inline panel at end","Inline panel at start","Stacked content body elements","Modified content padding","Modified panel padding","Additional section above drawer content","Static drawer","Breakpoint","Resizable at end","Resizable at start","Resizable on bottom","Resizable on inline","Panel with secondary background","With focus trap"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>n.e(1755).then(n.bind(n,53124))},"/components/divider/react":{id:"Divider",title:"Divider",toc:[{text:"Examples"},[{text:"Using hr"},{text:"Using li"},{text:"Using div"},{text:"Inset medium"},{text:"Inset at various breakpoints"},{text:"Vertical in flex layout"},{text:"Vertical in flex layout, inset small"},{text:"Vertical in flex layout, inset at various breakpoints"},{text:"Switch orientation at various breakpoints"}]],examples:["Using hr","Using li","Using div","Inset medium","Inset at various breakpoints","Vertical in flex layout","Vertical in flex layout, inset small","Vertical in flex layout, inset at various breakpoints","Switch orientation at various breakpoints"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>n.e(65282).then(n.bind(n,43965))},"/components/description-list/react":{id:"Description list",title:"Description list",toc:[{text:"Examples"},[{text:"Basic"},{text:"Term help text"},{text:"Default 2 col"},{text:"Default 3 col on lg"},{text:"Horizontal"},{text:"Horizontal using custom term width modifier"},{text:"Horizontal 2 col"},{text:"Horizontal 3 col on lg"},{text:"Compact"},{text:"Compact horizontal"},{text:"Fluid horizontal"},{text:"Column fill"},{text:"Large display size"}],{text:"Responsive column definitions"},[{text:"Default responsive columns"},{text:"Horizontal responsive columns"},{text:"Responsive horizontal, vertical group layout"}],{text:"Auto-column-width"},[{text:"Default auto column width"},{text:"Horizontal auto column width"}],{text:"Inline grid"},[{text:"Default inline grid"}],{text:"Card variants"},[{text:"Description list with card"},{text:"Description list with large display size and card"},{text:"Display size with card, three column on large breakpoint"},{text:"Display size with card, horizontal, modified term width"}],{text:"Auto fit"},[{text:"Auto-fit basic"},{text:"Auto-fit, min width modified grid template columns"},{text:"Auto-fit, min width modified, responsive grid template columns"}],{text:"With icons"},[{text:"Icons on terms"}]],examples:["Basic","Term help text","Default 2 col","Default 3 col on lg","Horizontal","Horizontal using custom term width modifier","Horizontal 2 col","Horizontal 3 col on lg","Compact","Compact horizontal","Fluid horizontal","Column fill","Large display size","Default responsive columns","Horizontal responsive columns","Responsive horizontal, vertical group layout","Default auto column width","Horizontal auto column width","Default inline grid","Description list with card","Description list with large display size and card","Display size with card, three column on large breakpoint","Display size with card, horizontal, modified term width","Auto-fit basic","Auto-fit, min width modified grid template columns","Auto-fit, min width modified, responsive grid template columns","Icons on terms"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(70683),n.e(32468),n.e(57001),n.e(57375),n.e(9828),n.e(76930)]).then(n.bind(n,27796))},"/components/date-and-time/date-picker/react":{id:"Date picker",title:"Date picker",toc:[{text:"Examples"},[{text:"Basic"},{text:"Required"},{text:"American format"},{text:"Helper text"},{text:"Min and max date"},{text:"French"},{text:"Controlled"},{text:"Controlled required"},{text:"Controlling the date picker calendar state"}]],examples:["Basic","Required","American format","Helper text","Min and max date","French","Controlled","Controlled required","Controlling the date picker calendar state"],section:"components",subsection:"date-and-time",source:"react",tabName:null,Component:()=>n.e(38148).then(n.bind(n,74164))},"/components/data-list/react":{id:"Data list",title:"Data list",toc:[{text:"Examples"},[{text:"Basic"},{text:"Compact"},{text:"Checkboxes, actions and additional cells"},{text:"Actions: single and multiple"},{text:"Expandable"},{text:"Mixed expandable"},{text:"Width modifiers"},{text:"Clickable rows"},{text:"Controlling text"},{text:"Draggable"},{text:"Draggable with multiple drop zones"},{text:"Small grid breakpoint"}]],examples:["Basic","Compact","Checkboxes, actions and additional cells","Actions: single and multiple","Expandable","Mixed expandable","Width modifiers","Clickable rows","Controlling text","Draggable","Draggable with multiple drop zones","Small grid breakpoint"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(29995),n.e(33238),n.e(58134),n.e(54618),n.e(82134),n.e(77082)]).then(n.bind(n,66735))},"/components/content/react":{id:"Content",title:"Content",toc:[{text:"Examples"},[{text:"Content as a wrapper"},{text:"Headings"},{text:"Body"},{text:"Unordered list"},{text:"Ordered list"},{text:"Plain list"},{text:"Description list"},{text:"Link and visited link"},{text:"Editorial content"}]],examples:["Content as a wrapper","Headings","Body","Unordered list","Ordered list","Plain list","Description list","Link and visited link","Editorial content"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>n.e(74766).then(n.bind(n,26873))},"/components/code-block/react":{id:"Code block",title:"Code block",toc:[{text:"Examples"},[{text:"Basic"},{text:"Expandable"}]],examples:["Basic","Expandable"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(9623),n.e(36967)]).then(n.bind(n,44638))},"/components/clipboard-copy/react":{id:"Clipboard copy",title:"Clipboard copy",toc:[{text:"Examples"},[{text:"Basic"},{text:"Read Only"},{text:"Expanded"},{text:"Read only expanded"},{text:"Read only expanded by default"},{text:"Expanded with array"},{text:"JSON object (wrap code with pre)"},{text:"Inline compact"},{text:"Inline compact code"},{text:"Inline compact with additional action"},{text:"Inline compact in sentence"},{text:"Inline compact with truncation"}]],examples:["Basic","Read Only","Expanded","Read only expanded","Read only expanded by default","Expanded with array","JSON object (wrap code with pre)","Inline compact","Inline compact code","Inline compact with additional action","Inline compact in sentence","Inline compact with truncation"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(9623),n.e(58709)]).then(n.bind(n,30196))},"/components/forms/checkbox/react":{id:"Checkbox",title:"Checkbox",toc:[{text:"Examples"},[{text:"Controlled"},{text:"Uncontrolled"},{text:"Reversed"},{text:"Label wraps"},{text:"Disabled"},{text:"Checkbox with description"},{text:"Checkbox with body"},{text:"Checkbox with description and body"},{text:"Standalone input"},{text:"Required input"}]],examples:["Controlled","Uncontrolled","Reversed","Label wraps","Disabled","Checkbox with description","Checkbox with body","Checkbox with description and body","Standalone input","Required input"],section:"components",subsection:"forms",source:"react",tabName:null,Component:()=>n.e(49136).then(n.bind(n,13934))},"/components/card/react":{id:"Card",title:"Card",toc:[{text:"Examples"},[{text:"Basic cards"},{text:"Secondary cards"},{text:"Modifiers"},{text:"Header images and actions"},{text:"Title inline with images and actions"},{text:"Card header without title"},{text:"With HTML heading element"},{text:"With multiple body sections"},{text:"With a primary body section that fills"},{text:"Selectable"},{text:"Single selectable"},{text:"Actionable"},{text:"Actionable and selectable"}

1,{text:"Expandable cards"},{text:"Expandable with icon"},{text:"Card with dividers"}],{text:"Cards as tiles"},[{text:"Single selectable tiles"},{text:"Multi selectable tiles"}]],examples:["Basic cards","Secondary cards","Modifiers","Header images and actions","Title inline with images and actions","Card header without title","With HTML heading element","With multiple body sections","With a primary body section that fills","Selectable","Single selectable","Actionable","Actionable and selectable","Expandable cards","Expandable with icon","Card with dividers","Single selectable tiles","Multi selectable tiles"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(29995),n.e(99772),n.e(62884),n.e(10675),n.e(4249)]).then(n.bind(n,13650))},"/components/date-and-time/calendar-month/react":{id:"Calendar month",title:"Calendar month",toc:[{text:"Examples"},[{text:"Selectable date"},{text:"Date range"}]],examples:["Selectable date","Date range"],section:"components",subsection:"date-and-time",source:"react",tabName:null,Component:()=>n.e(29952).then(n.bind(n,57337))},"/components/button/react":{id:"Button",title:"Button",toc:[{text:"Examples"},[{text:"Variant examples"},{text:"Disabled buttons"},{text:"Small buttons"},{text:"Call to action (CTA) buttons"},{text:"Block level buttons"},{text:"Progress indicators"},{text:"Links as buttons"},{text:"Inline link as span"},{text:"Custom component"},{text:"Aria-disabled examples"},{text:"Button with count"},{text:"Plain with no padding"},{text:"Stateful"}],{text:"Using router links"}],examples:["Variant examples","Disabled buttons","Small buttons","Call to action (CTA) buttons","Block level buttons","Progress indicators","Links as buttons","Inline link as span","Custom component","Aria-disabled examples","Button with count","Plain with no padding","Stateful"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(6193),n.e(63607),n.e(32468),n.e(98952),n.e(63244)]).then(n.bind(n,76593))},"/components/breadcrumb/react":{id:"Breadcrumb",title:"Breadcrumb",toc:[{text:"Examples"},[{text:"Basic"},{text:"Without home link"},{text:"With heading"},{text:"With dropdown"}]],examples:["Basic","Without home link","With heading","With dropdown"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(2133),n.e(19463),n.e(1612)]).then(n.bind(n,2224))},"/components/brand/react":{id:"Brand",title:"Brand",toc:[{text:"Examples"},[{text:"Basic"},{text:"Responsive"}]],examples:["Basic","Responsive"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(62884),n.e(3818),n.e(37604)]).then(n.bind(n,29417))},"/components/banner/react":{id:"Banner",title:"Banner",toc:[{text:"Examples"},[{text:"Basic"},{text:"Status"}]],examples:["Basic","Status"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(67075)]).then(n.bind(n,41223))},"/components/badge/react":{id:"Badge",title:"Badge",toc:[{text:"Examples"},[{text:"Read"},{text:"Unread"},{text:"Disabled"}]],examples:["Read","Unread","Disabled"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(73368),n.e(57850)]).then(n.bind(n,78954))}

1,"/components/background-image/react":{id:"Background image",title:"Background image",toc:[{text:"Examples"},[{text:"Basic"}]],fullscreenExamples:["Basic"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>n.e(96094).then(n.bind(n,68256))},"/components/backdrop/react":{id:"Backdrop",title:"Backdrop",toc:[{text:"Examples"},[{text:"Basic"}]],fullscreenExamples:["Basic"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>n.e(22446).then(n.bind(n,33899))},"/components/back-to-top/react":{id:"Back to top",title:"Back to top",toc:[{text:"Examples"},[{text:"Basic"}]],examples:["Basic"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(83362),n.e(48028)]).then(n.bind(n,794))},"/components/avatar/react":{id:"Avatar",title:"Avatar",toc:[{text:"Examples"},[{text:"Basic"},{text:"Bordered"},{text:"Size variations"}]],examples:["Basic","Bordered","Size variations"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(53366),n.e(23492)]).then(n.bind(n,77613))},"/components/alert/react":{id:"Alert",title:"Alert",toc:[{text:"Alert examples"},[{text:"Alert variants"},{text:"Alert variations"},{text:"Alert timeout"},{text:"Expandable alerts"},{text:"Truncated alerts"},{text:"Custom icons"},{text:"Inline alerts variants"},{text:"Inline alert variations"},{text:"Plain inline alert variants"},{text:"Plain inline alert variations"},{text:"Static live region alerts"},{text:"Dynamic live region alerts"},{text:"Asynchronous live region alerts"}],{text:"Alert group examples"},[{text:"Alert group variants"},{text:"Static inline alert group"},{text:"Toast alert group"},{text:"Toast alert group with overflow capture"},{text:"Asynchronous alert groups"},{text:"Dynamic alert groups"},{text:"Dynamic alert group with overflow message"},{text:"Multiple dynamic alert groups"}]],examples:["Alert variants","Alert variations","Alert timeout","Expandable alerts","Truncated alerts","Custom icons","Inline alerts variants","Inline alert variations","Plain inline alert variants","Plain inline alert variations","Static live region alerts","Dynamic live region alerts","Asynchronous live region alerts","Static inline alert group","Toast alert group","Toast alert group with overflow capture","Asynchronous alert groups","Dynamic alert groups","Dynamic alert group with overflow message","Multiple dynamic alert groups"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(23231),n.e(56653),n.e(53509),n.e(32698)]).then(n.bind(n,12814))},"/components/action-list/react":{id:"Action list",title:"Action list",toc:[{text:"Examples"},[{text:"Action list single group"},{text:"Action list with icons"},{text:"Action list multiple groups"},{text:"Action list with cancel button"}]],examples:["Action list single group","Action list with icons","Action list multiple groups","Action list with cancel button"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(29995),n.e(20322),n.e(26766),n.e(80368),n.e(39589)]).then(n.bind(n,79865))},"/components/accordion/react":{id:"Accordion",title:"Accordion",toc:[{text:"Examples"},[{text:"Definition list"},{text:"Single expand behavior"},{text:"Fixed with multiple expand behavior"},{text:"Bordered"},{text:"Toggle icon at start"}]],examples:["Definition list","Single expand behavior","Fixed with multiple expand behavior","Bordered","Toggle icon at start"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>n.e(49807).then(n.bind(n,83833))},"/components/about-modal/react":{id:"About modal",title:"About modal",toc:[{text:"Examples"},[{text:"Basic"},{text:"Without product name"},{text:"Complex user positioned content"}]],examples:["Basic","Without product name","Complex user positioned content"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(29434),n.e(10675),n.e(84002),n.e(74167)]).then(n.bind(n,8397))},"/layouts/stack/react":{id:"Stack",title:"Stack",toc:[{text:"Examples"},[{text:"Basic"},{text:"With gutter"}]],examples:["Basic","With gutter"],section:"layouts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(35923),n.e(87341)]).then(n.bind(n,3276))},"/layouts/split/react":{id:"Split",title:"Split",toc:[{text:"Examples"},[{text:"Basic"},{text:"With gutter"},{text:"Wrappable"}]],examples:["Basic","With gutter","Wrappable"],section:"layouts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(59661),n.e(36609)]).then(n.bind(n,67798))},"/layouts/level/react":{id:"Level",title:"Level",toc:[{text:"Examples"},[{text:"Basic"},{text:"With gutters"}]],examples:["Basic","With gutters"],section:"layouts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(23435),n.e(61319)]).then(n.bind(n,91403))},"/layouts/grid/react":{id:"Grid",title:"Grid",toc:[{text:"Examples"},[{text:"Basic"},{text:"With gutters"},{text:"With overrides"}],{text:"Ordering"},[{text:"Standard ordering"},{text:"Responsive ordering"},{text:"Grouped ordering"},{text:"Alternative components"}]],examples:["Basic","With gutters","With overrides","Standard ordering","Responsive ordering","Grouped ordering","Alternative components"],section:"layouts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(5625),n.e(50269)]).then(n.bind(n,11482))},"/layouts/gallery/react":{id:"Gallery",title:"Gallery",toc:[{text:"Examples"},[{text:"Basic"},{text:"With gutters"},{text:"Adjusting min widths"},{text:"Adjusting max widths"},{text:"Adjusting min and max widths"},{text:"Alternative components"}]],examples:["Basic","With gutters","Adjusting min widths","Adjusting max widths","Adjusting min and max widths","Alternative components"],section:"layouts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(17680),n.e(4862)]).then(n.bind(n,97967))},"/layouts/flex/react":{id:"Flex",title:"Flex",toc:[{text:"Flex basics"},[{text:"Basic"},{text:"Nesting"},{text:"Nested with items"},{text:"Spacing"},{text:"Flex spacing"},{text:"Individually spaced"},{text:"Spacing xl"},{text:"Spacing none"},{text:"Flex gap spacing"},{text:"Row gap"},{text:"Column gap"},{text:"Gap"},{text:"Flex layout modifiers"},{text:"Default layout"},{text:"Inline"},{text:"Using canGrow"},{text:"Adjusting width"},{text:"Specifying column widths"}],{text:"Column layout modifiers"},[{text:"Column layout"},{text:"Stacking elements"},{text:"Nesting elements in columns"}],{text:"Responsive layout modifiers"},[{text:"Switching between direction column and row"},{text:"Controlling width of text"}],{text:"Flex alignment"},[{text:"Aligning right"},{text:"Align right on single item"},{text:"Align right on multiple groups"},{text:"Align adjacent content"},{text:"Align self flex end"},{text:"Align self center"},{text:"Align self baseline"},{text:"Align self stretch"}],{text:"Flex justification"},[{text:"Justify content flex end"},{text:"Justify content space between"},{text:"Justify content flex start"}],{text:"Flex item order"},[{text:"First last ordering"},{text:"Responsive first last ordering"},{text:"Ordering"},{text:"Responsive ordering"},{text:"Alternative components"}

1]],examples:["Basic","Nesting","Nested with items","Individually spaced","Spacing xl","Spacing none","Row gap","Column gap","Gap","Default layout","Inline","Using canGrow","Adjusting width","Specifying column widths","Column layout","Stacking elements","Nesting elements in columns","Switching between direction column and row","Controlling width of text","Aligning right","Align right on single item","Align right on multiple groups","Align adjacent content","Align self flex end","Align self center","Align self baseline","Align self stretch","Justify content flex end","Justify content space between","Justify content flex start","First last ordering","Responsive first last ordering","Ordering","Responsive ordering","Alternative components"],section:"layouts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(38603),n.e(55104)]).then(n.bind(n,29768))},"/layouts/bullseye/react":{id:"Bullseye",title:"Bullseye",toc:[{text:"Examples"},[{text:"Basic"}]],examples:["Basic"],section:"layouts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(36714),n.e(66941)]).then(n.bind(n,53522))},"/components/wizard/react-deprecated":{id:"Wizard",title:"Wizard",toc:[{text:"Examples"},[{text:"Basic"},{text:"Basic with disabled steps"},{text:"Anchors for nav items"},{text:"Incrementally enabled steps"},{text:"Expandable steps"},{text:"Finished"},{text:"Enabled on form validation"},{text:"Validate on button press"},{text:"Progressive steps"},{text:"Get current step"},{text:"Wizard in modal"},{text:"Wizard with drawer"}]],examples:["Basic","Basic with disabled steps","Anchors for nav items","Incrementally enabled steps","Expandable steps","Finished","Enabled on form validation","Validate on button press","Progressive steps","Get current step","Wizard in modal","Wizard with drawer"],section:"components",subsection:"",source:"react-deprecated",tabName:null,deprecated:!0,Component:()=>Promise.all([n.e(527),n.e(30421)]).then(n.bind(n,24383))},"/components/tile/react-deprecated":{id:"Tile",title:"Tile",toc:[{text:"Examples"},[{text:"Basic tile"},{text:"With subtext"},{text:"With icon"},{text:"With stacked icon"},{text:"With large icons"},{text:"With long subtext"}],{text:"Demos"},[{text:"Tiles with single selection"},{text:"Tiles with multiple selection"}]],examples:["Basic tile","With subtext","With icon","With stacked icon","With large icons","With long subtext","Tiles with single selection","Tiles with multiple selection"],section:"components",subsection:"",source:"react-deprecated",tabName:null,deprecated:!0,Component:()=>

1Promise.all([n.e(87605),n.e(99772),n.e(11991),n.e(21295)]).then(n.bind(n,68336))},"/components/modal/react-deprecated":{id:"Modal",title:"Modal",toc:[{text:"Examples"},[{text:"Basic modals"},{text:"Scrollable modals"},{text:"With a static description"},{text:"Top aligned"},{text:"Small modal"},{text:"Medium modal"},{text:"Large modal"},{text:"Custom width"},{text:"Custom header and footer"},{text:"No header or footer"},{text:"Title icon"},{text:"Custom title icon"},{text:"With wizard"},{text:"With dropdown"},{text:"With help"},{text:"With form"},{text:"Custom focus"}]],examples:["Basic modals","Scrollable modals","With a static description","Top aligned","Small modal","Medium modal","Large modal","Custom width","Custom header and footer","No header or footer","Title icon","Custom title icon","With wizard","With dropdown","With help","With form","Custom focus"],section:"components",subsection:"",source:"react-deprecated",tabName:null,deprecated:!0,Component:()=>Promise.all([n.e(79892),n.e(75877),n.e(19463),n.e(29434),n.e(31784),n.e(74512),n.e(43135)]).then(n.bind(n,37887))},"/components/dual-list-selector/react-deprecated":{id:"Dual list selector",title:"Dual list selector",toc:[{text:"Examples"},[{text:"Basic"},{text:"Basic with tooltips"},{text:"Basic with search"},{text:"Using more complex options with actions"},{text:"With tree"}],{text:"Composable structure"},[{text:"Composable dual list selector"},{text:"Composable with drag and drop"},{text:"Composable with tree"}]],examples:["Basic","Basic with tooltips","Basic with search","Using more complex options with actions","With tree","Composable dual list selector","Composable with drag and drop","Composable with tree"],section:"components",subsection:"",source:"react-deprecated",tabName:null,deprecated:!0,Component:()=>Promise.all([n.e(29995),n.e(33238),n.e(2133),n.e(40409),n.e(83821),n.e(79330)]).then(n.bind(n,82993))},"/components/drag-and-drop/react-deprecated":{id:"Drag and drop",title:"Drag and drop",toc:[{text:"Examples"},[{text:"Basic"},{text:"Multiple lists"}]],examples:["Basic","Multiple lists"],section:"components",subsection:"",source:"react-deprecated",tabName:null,deprecated:!0,Component:()=>n.e(86526).then(n.bind(n,58143))},"/components/chip/react-deprecated":{id:"Chip",title:"Chip",toc:[{text:"Examples"},[{text:"Chip variants"},{text:"Chip groups"},{text:"Chip groups with categories"},{text:"Chip groups with removable categories"}]],examples:["Chip variants","Chip groups","Chip groups with categories","Chip groups with removable categories"],section:"components",subsection:"",source:"react-deprecated",tabName:null,deprecated:!0,Component:()=>n.e(16684).then(n.bind(n,60167))},"/components/toolbar/react-demos":{id:"Toolbar",title:"Toolbar",toc:[{text:"Demos"},[{text:"Console log viewer toolbar demo"}]],fullscreenExamples:["Console log viewer toolbar demo"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(40409),n.e(53366),n.e(52096),n.e(79892),n.e(51381),n.e(8727),n.e(50914),n.e(2323

11),n.e(3134),n.e(9623),n.e(20981),n.e(15967),n.e(21405)]).then(n.bind(n,49381))},"/components/text-input-group/react-demos":{id:"Text input group",title:"Text input group",toc:[{text:"Demos"},[{text:"Attribute-value filtering"},{text:"Auto-complete search with typeahead"}]],examples:["Attribute-value filtering","Auto-complete search with typeahead"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(40409),n.e(48153)]).then(n.bind(n,58068))},"/components/tabs/react-demos":{id:"Tabs",title:"Tabs",toc:[{text:"Demos"},[{text:"Open tabs"},{text:"Open tabs with secondary tabs"},{text:"Nested tabs"},{text:"Nested, unindented tabs"},{text:"Tables and tabs"},{text:"Modal tabs"}]],fullscreenExamples:["Open tabs","Open tabs with secondary tabs","Nested tabs","Nested, unindented tabs","Tables and tabs","Modal tabs"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(29995),n.e(53366),n.e(79892),n.e(8727),n.e(50914),n.e(23231),n.e(3134),n.e(70683),n.e(20322),n.e(54618),n.e(90805),n.e(29434),n.e(43370),n.e(19507),n.e(14793),n.e(66058),n.e(79582),n.e(89578)]).then(n.bind(n,22115))},"/components/skeleton/react-demos":{id:"Skeleton",title:"Skeleton",toc:[{text:"Demos"},[{text:"Skeleton card"}]],fullscreenExamples:["Skeleton card"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(53366),n.e(79892),n.e(8727),n.e(50914),n.e(2323

11),n.e(3134),n.e(72911)]).then(n.bind(n,27149))},"/components/progress-stepper/react-demos":{id:"Progress stepper",title:"Progress stepper",toc:[{text:"Demos"},[{text:"Basic"}]],examples:["Basic"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>n.e(50303).then(n.bind(n,62298))},"/components/progress/react-demos":{id:"Progress",title:"Progress",toc:[{text:"Demos"},[{text:"Basic"},{text:"With only increasing progress"}]],examples:["Basic","With only increasing progress"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>n.e(72595).then(n.bind(n,57489))},"/patterns/primary-detail/react-demos":{id:"Primary-detail",title:"Primary-detail",toc:[{text:"Demos"},[{text:"Primary-detail full page"},{text:"Primary-detail content padding"},{text:"Primary-detail card view"},{text:"Primary-detail simple list in card"},{text:"Primary-detail data list in card"},{text:"Primary-detail inline modifier"}]],fullscreenExamples:["Primary-detail full page","Primary-detail content padding","Primary-detail card view","Primary-detail simple list in card","Primary-detail data list in card","Primary-detail inline modifier"],section:"patterns",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(38814),n.e(29995),n.e(75934),n.e(40409),n.e(53366),n.e(79892),n.e(8727),n.e(50914),n.e(2323

11),n.e(3134),n.e(70683),n.e(54618),n.e(90805),n.e(67495),n.e(80794),n.e(33542),n.e(46569),n.e(73328)]).then(n.bind(n,48232))},"/patterns/password-strength/react-demos":{id:"Password strength",title:"Password strength",toc:[{text:"Demos"},[{text:"Basic validation"}]],examples:["Basic validation"],section:"patterns",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(38814),n.e(68063),n.e(75934),n.e(79892),n.e(75877),n.e(33179)]).then(n.bind(n,60059))},"/patterns/password-generator/react-demos":{id:"Password generator",title:"Password generator",toc:[{text:"Demos"},[{text:"Provide a generated password"}]],examples:["Provide a generated password"],section:"patterns",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(50161),n.e(32089),n.e(44640)]).then(n.bind(n,51146))},"/components/page/react-demos":{id:"Page",title:"Page",toc:[{text:"Layouts"},[{text:"Sticky section group"},{text:"Sticky section group (alternate syntax)"},{text:"Sticky section breadcrumb (with breakpoints)"},{text:"Context selector/perspective switcher in sidebar"}]],fullscreenExamples:["Sticky section group","Sticky section group (alternate syntax)","Sticky section breadcrumb (with breakpoints)","Context selector/perspective switcher in sidebar"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(29995),n.e(53366),n.e(75877),n.e(51381),n.e(6193),n.e(91090),n.e(56293),n.e(29640),n.e(31396)]).then(n.bind(n,33119))},"/components/navigation/react-demos":{id:"Navigation",title:"Navigation",toc:[{text:"Demos"},[{text:"Default nav"},{text:"Grouped nav"},{text:"Expandable nav"},{text:"Horizontal nav"},{text:"Horizontal subnav"},{text:"Horizontal nav with horizontal subnav"},{text:"Manual nav"},{text:"Flyout nav"},{text:"Drilldown nav"}]],fullscreenExamples:["Default nav","Grouped nav","Expandable nav","Horizontal nav","Horizontal subnav","Horizontal nav with horizontal subnav","Manual nav","Flyout nav","Drilldown nav"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(29995),n.e(53366),n.e(79892),n.e(75877),n.e(51381),n.e(8727),n.e(50914),n.e(2323

11),n.e(3134),n.e(6193),n.e(91090),n.e(7607)]).then(n.bind(n,35181))},"/components/file-upload/multiple-file-upload/react-demos":{id:"Multiple file upload",title:"Multiple file upload",toc:[{text:"Demos"},[{text:"Rejected file handling"}]],examples:["Rejected file handling"],section:"components",subsection:"file-upload",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(63607),n.e(98160)]).then(n.bind(n,59275))},"/components/masthead/react-demos":{id:"Masthead",title:"Masthead",toc:[{text:"Demos"},[{text:"Utilities and user dropdown menu"},{text:"Horizontal nav"}]],fullscreenExamples:["Utilities and user dropdown menu","Horizontal nav"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(29995),n.e(53366),n.e(75877),n.e(51381),n.e(73482),n.e(6193),n.e(91090),n.e(33542),n.e(94597)]).then(n.bind(n,92332))},"/components/label/react-demos":{id:"Label",title:"Label",toc:[{text:"Demos"},[{text:"Editable labels with add dropdown"},{text:"Editable labels with add modal"}]],examples:["Editable labels with add dropdown","Editable labels with add modal"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(73441),n.e(22941)]).then(n.bind(n,31583))},"/components/jump-links/react-demos":{id:"Jump links",title:"Jump links",toc:[{text:"Demos"},[{text:"Scrollspy with subsections"},{text:"With drawer"}]],fullscreenExamples:["Scrollspy with subsections","With drawer"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(53366),n.e(79892),n.e(8727),n.e(50914),n.e(2323

11),n.e(3134),n.e(47880)]).then(n.bind(n,9639))},"/components/helper-text/react-demos":{id:"Helper text",title:"Helper text",toc:[{text:"Demos"},[{text:"Static helper text"},{text:"Dynamic helper text"},{text:"Static text and dynamic status"}]],examples:["Static helper text","Dynamic helper text","Static text and dynamic status"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(38814),n.e(68063),n.e(75934),n.e(95657),n.e(33789),n.e(95813)]).then(n.bind(n,5707))},"/components/date-and-time/date-and-time-picker/react-demos":{id:"Date and time picker",title:"Date and time picker",toc:[{text:"Demos"},[{text:"Date and time picker"},{text:"Date and time range picker"}]],examples:["Date and time picker","Date and time range picker"],section:"components",subsection:"date-and-time",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(30271),n.e(4797)]).then(n.bind(n,34947))},"/components/data-list/react-demos":{id:"Data list",title:"Data list",toc:[{text:"Demos"},[{text:"Basic"},{text:"Expandable control in toolbar"},{text:"Actionable"},{text:"Static bottom pagination"}]],fullscreenExamples:["Basic","Expandable control in toolbar","Actionable","Static bottom pagination"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(38814),n.e(29995),n.e(75934),n.e(33238),n.e(53366),n.e(79892),n.e(8727),n.e(50914),n.e(2323

11),n.e(3134),n.e(70683),n.e(58134),n.e(54618),n.e(67495),n.e(93922),n.e(50448)]).then(n.bind(n,91786))},"/components/card/react-demos":{id:"Card",title:"Card",toc:[{text:"Demos"},[{text:"Horizontal card grid"},{text:"Horizontal split"},{text:"Details card"},{text:"Aggregate status card"},{text:"Status"},{text:"Status Tabbed"},{text:"Utilization card 1"},{text:"Utilization card 2"},{text:"Utilization card 3"},{text:"Utilization card 4"},{text:"Nested cards"},{text:"With accordion"},{text:"Trend card 1"},{text:"Trend card 2"},{text:"Log view"},{text:"Events view"}]],examples:["Horizontal card grid","Horizontal split","Details card","Aggregate status card","Status","Status Tabbed","Utilization card 1","Utilization card 2","Utilization card 3","Utilization card 4","Nested cards","With accordion","Trend card 1","Trend card 2","Log view","Events view"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73463),n.e(15260),n.e(72750),n.e(939),n.e(35332),n.e(90398),n.e(28111),n.e(10325),n.e(67351),n.e(29695),n.e(89390),n.e(27419),n.e(96866),n.e(78079),n.e(674),n.e(83452),n.e(11828),n.e(32125),n.e(20322),n.e(51848),n.e(18847),n.e(48522),n.e(73466),n.e(24740),n.e(99568),n.e(19507),n.e(75060),n.e(32379),n.e(16399),n.e(66058),n.e(42840),n.e(91516)]).then(n.bind(n,92499))},"/components/button/react-demos":{id:"Button",title:"Button",toc:[{text:"Demos"},[{text:"Progress button"}]],examples:["Progress button"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(38814),n.e(87877)]).then(n.bind(n,12990))},"/components/banner/react-demos":{id:"Banner",title:"Banner",toc:[{text:"Demos"},[{text:"Basic sticky banner"},{text:"Top and bottom banner"}]],fullscreenExamples:["Basic sticky banner","Top and bottom banner"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(53366),n.e(79892),n.e(8727),n.e(50914),n.e(2323

11),n.e(3134),n.e(79582),n.e(37080)]).then(n.bind(n,2058))},"/components/back-to-top/react-demos":{id:"Back to top",title:"Back to top",toc:[{text:"Demos"},[{text:"Using name selector"}]],fullscreenExamples:["Using name selector"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(53366),n.e(79892),n.e(8727),n.e(50914),n.e(23231),n.e(3134),n.e(1143)]).then(n.bind(n,8745))},"/components/alert/react-demos":{id:"Alert",title:"Alert",toc:[{text:"Demos"},[{text:"Alert group toast with notification drawer"}]],fullscreenExamples:["Alert group toast with notification drawer"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(29995),n.e(53366),n.e(79892),n.e(8727),n.e(50914),n.e(23231),n.e(3134),n.e(20322),n.e(53106),n.e(47759)]).then(n.bind(n,4522))},"/components/wizard/react-demos":{id:"Wizard",title:"Wizard",toc:[{text:"Demos"},[{text:"In modal"},{text:"In modal, with drawer"},{text:"In modal, with drawer and informational step"},{text:"In page"},{text:"In page, with drawer"},{text:"In page, with drawer and informational step"}]],fullscreenExamples:["In modal","In modal, with drawer","In modal, with drawer and informational step","In page","In page, with drawer","In page, with drawer and informational step"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(53366),n.e(79892),n.e(8727),n.e(50914),n.e(2323

11),n.e(3134),n.e(20322),n.e(91090),n.e(97846),n.e(57044)]).then(n.bind(n,74996))},"/components/search-input/react-demos":{id:"Search input",title:"Search input",toc:[{text:"Demos"},[{text:"Search with autocomplete"},{text:"Composable advanced search"}]],examples:["Search with autocomplete","Composable advanced search"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(21842),n.e(8922)]).then(n.bind(n,47281))},"/patterns/right-to-left/react-demos":{id:"Right-to-left",title:"Right-to-left",toc:[{text:"Demos"},[{text:"Paginated table"}]],fullscreenExamples:["Paginated table"],section:"patterns",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(29995),n.e(53366),n.e(75877),n.e(51381),n.e(6193),n.e(91090),n.e(41845),n.e(92057),n.e(13718),n.e(98288),n.e(54791)]).then(n.bind(n,72839))},"/components/notification-drawer/react-demos":{id:"Notification drawer",title:"Notification drawer",toc:[{text:"Demos"},[{text:"Basic"},{text:"Grouped"}]],fullscreenExamples:["Basic","Grouped"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(29995),n.e(40409),n.e(53366),n.e(75877),n.e(51381),n.e(20322),n.e(6193),n.e(91090),n.e(97846),n.e(39444)]).then(n.bind(n,71713))},"/patterns/filters/react-demos":{id:"Filters",title:"Filters",toc:[{text:"Filtering demos"},[{text:"Search input"},{text:"Single select"},{text:"Checkbox select"},{text:"Attribute search"},{text:"Mixed select filter group"},{text:"Single select filter group"},{text:"Faceted filter"}]],examples:["Search input","Single select","Checkbox select","Attribute search","Mixed select filter group","Single select filter group","Faceted filter"],section:"patterns",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(40409),n.e(90805),n.e(88342)]).then(n.bind(n,60266))},"/components/expandable-section/react-demos":{id:"Expandable section",title:"Expandable section",toc:[{text:"Demos"},[{text:"Expandable text with character truncation"}]],examples:["Expandable text with character truncation"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>n.e(18959).then(n.bind(n,71063))},"/components/description-list/react-demos":{id:"Description list",title:"Description list",toc:[{text:"Demos"},[{text:"Basic"},{text:"In drawer"}]],fullscreenExamples:["Basic","In drawer"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(38814),n.e(53366),n.e(79892),n.e(8727),n.e(50914),n.e(2323

11),n.e(3134),n.e(32468),n.e(63065)]).then(n.bind(n,95458))},"/components/date-and-time/date-picker/react-demos":{id:"Date picker",title:"Date picker",toc:[{text:"Demos"},[{text:"Date range picker"},{text:"Date and time pickers in modal"}]],examples:["Date range picker","Date and time pickers in modal"],section:"components",subsection:"date-and-time",source:"react-demos",tabName:null,Component:()=>n.e(28174).then(n.bind(n,91605))},"/components/menus/options-menu/react-demos":{id:"Options menu",title:"Options menu",toc:[[{text:"Options menu"}]],examples:["Options menu"],section:"components",subsection:"menus",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(40409),n.e(51150)]).then(n.bind(n,25439))},"/components/menus/custom-menus/react-demos":{id:"Custom menus",title:"Custom menus",toc:[{text:"Examples"},[{text:"With actions"},{text:"With favorites"},{text:"With drilldown"},{text:"With inline search filter"},{text:"Tree view menu"},{text:"Flyout menu"},{text:"Application launcher menu"},{text:"Context selector menu"},{text:"Date select menu"}]],examples:["With actions","With favorites","With drilldown","With inline search filter","Tree view menu","Flyout menu","Application launcher menu","Context selector menu","Date select menu"],section:"components",subsection:"menus",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(29995),n.e(40409),n.e(51381),n.e(19463),n.e(8727),n.e(70683),n.e(73482),n.e(54618),n.e(46955),n.e(32379),n.e(36136),n.e(85268),n.e(63216),n.e(53231)]).then(n.bind(n,45305))},"/components/menus/context-selector/react-demos":{id:"Context selector",title:"Context selector",toc:[[{text:"Context selector menu"}]],examples:["Context selector menu"],section:"components",subsection:"menus",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(40409),n.e(68502)]).then(n.bind(n,92563))},"/components/menus/application-launcher/react-demos":{id:"Application launcher",title:"Application launcher",toc:[[{text:"Application launcher menu"}]],examples:["Application launcher menu"],section:"components",subsection:"menus",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(73482),n.e(85268),n.e(85480)]).then(n.bind(n,54081))},"/patterns/card-view/react-demos":{id:"Card view",title:"Card view",toc:[{text:"Demos"},[{text:"Card view"}]],fullscreenExamples:["Card view"],section:"patterns",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(29995),n.e(53366),n.e(79892),n.e(8727),n.e(50914),n.e(2323

11),n.e(3134),n.e(32468),n.e(80794),n.e(33542),n.e(46569),n.e(7825)]).then(n.bind(n,50923))},"/components/table/react":{id:"Table",title:"Table",toc:[{text:"Table examples"},[{text:"Basic"},{text:"Custom row wrapper, header tooltips & popovers"},{text:"Sortable & wrapping headers"},{text:"Sortable - custom control"},{text:"Selectable with checkbox"},{text:"Selectable radio input"},{text:"Row click handler, clickable rows"},{text:"Editable rows"},{text:"Actions"},{text:"Actions Overflow"},{text:"Expandable"},{text:"Compound expandable"},{text:"Cell width, breakpoint modifiers"},{text:"Controlling text"},{text:"Modifiers with table text"},{text:"Empty state"},{text:"Favoritable (implemented with sortable)"},{text:"Tree table"},{text:"Flat tree table with no inset"},{text:"Draggable row table"},{text:"Sticky table modifiers"},{text:"Sticky column"},{text:"Multiple left-aligned sticky columns"},{text:"Multiple right-aligned sticky columns"},{text:"Sticky columns and header"},{text:"Nested column headers"},{text:"Nested column headers and expandable rows"},{text:"Expandable with nested table"},{text:"Nested sticky header"},{text:"Striped"},{text:"Striped expandable"},{text:"Striped multiple tobdy"},{text:"Striped tr"}]],examples:["Basic","Custom row wrapper, header tooltips & popovers","Sortable & wrapping headers","Sortable - custom control","Selectable with checkbox","Selectable radio input","Row click handler, clickable rows","Editable rows","Actions","Actions Overflow","Expandable","Compound expandable","Cell width, breakpoint modifiers","Controlling text","Modifiers with table text","Empty state","Favoritable (implemented with sortable)","Tree table","Flat tree table with no inset","Draggable row table","Sticky column","Multiple left-aligned sticky columns","Multiple right-aligned sticky columns","Sticky columns and header","Nested column headers","Nested column headers and expandable rows","Expandable with nested table","Nested sticky header","Striped","Striped expandable","Striped multiple tobdy","Striped tr"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(29995),n.e(95657),n.e(40409),n.e(52224),n.e(70683),n.e(54618),n.e(29434),n.e(31947),n.e(43370),n.e(54572),n.e(32379),n.e(61264),n.e(87670),n.e(92439),n.e(63863),n.e(73395)]).then(n.bind(n,10623))},"/components/table/react-deprecated":{id:"Table",title:"Table",toc:[{text:"Table Columns"},{text:"Table Rows"},{text:"Table examples"},[{text:"Basic"},{text:"Custom row wrapper"},{text:"Sortable & wrapping column headers"},{text:"Sortable - custom control"},{text:"Selectable with checkbox"},{text:"Selectable radio input"},{text:"Clickable rows, selectable rows, and header cell tooltips/popovers"},{text:"Actions and first cell in body rows as th"},{text:"Expandable"},{text:"Compound expandable"},{text:"With width and breakpoint visibility modifiers"},{text:"Controlling text"},{text:"Modifiers with table text"},{text:"Empty state"},{text:"Editable rows"},{text:"Favoritable (implemented with sortable and selectable)"},{text:"Tree table"},{text:"Striped"},{text:"Striped expandable"},{text:"Striped custom tr"}]],examples:["Basic","Custom row wrapper","Sortable & wrapping column headers","Sortable - custom control","Selectable with checkbox","Selectable radio input","Clickable rows, selectable rows, and header cell tooltips/popovers","Actions and first cell in body rows as th","Expandable","Compound expandable","With width and breakpoint visibility modifiers","Controlling text","Modifiers with table text","Empty state","Editable rows","Favoritable (implemented with sortable and selectable)","Tree table","Striped","Striped expandable","Striped custom tr"],section:"components",subsection:"",source:"react-deprecated",tabName:null,deprecated:!0,Component:()=>Promise.all([n.e(40409),n.e(52224),n.e(70683),n.e(54618),n.e(29434),n.e(31947),n.e(43370),n.e(54572),n.e(92439),n.e(77758),n.e(86362)]).then(n.bind(n,67292))},"/components/table/react-demos":{id:"Table",title:"Table",toc:[{text:"Demos"},[{text:"Bulk select"},{text:"Expand/collapse all"},{text:"Compact"},{text:"Compound expansion"},{text:"Column management"},{text:"Column management with draggable"},{text:"Filterable"},{text:"Sortable - responsive"},{text:"Automatic pagination"},{text:"Static bottom pagination on mobile"},{text:"Sticky header"},{text:"Sticky first column"},{text:"Sticky columns and header with toolbar"}],{text:"Empty states"},[{text:"Empty"},{text:"Loading"},{text:"Error"}]],fullscreenExamples:["Bulk select","Expand/collapse all","Compact","Compound expansion","Column management","Column management with draggable","Filterable","Sortable - responsive","Automatic pagination","Static bottom pagination on mobile","Sticky header","Sticky first column","Sticky columns and header with toolbar","Empty","Loading","Error"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(68063),n.e(29995),n.e(33238),n.e(95657),n.e(40409),n.e(75877),n.e(51381),n.e(70683),n.e(58134),n.e(54618),n.e(6193),n.e(90805),n.e(29434),n.e(82134),n.e(43370),n.e(21361),n.e(56293),n.e(61264),n.e(4109),n.e(34602)]).then(n.bind(n,29555))},"/charts/sparkline-chart/react":{id:"Sparkline chart",title:"Sparkline chart",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Basic"},{text:"Green"}],{text:"Documentation"},[{text:"Tips"},{text:"Note"}]],examples:["Basic","Green"],section:"charts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(73463),n.e(15260),n.e(72750),n.e(939),n.e(35332),n.e(90398),n.e(10325),n.e(29695),n.e(27419),n.e(674),n.e(83452),n.e(11828),n.e(58892)]).then(n.bind(n,88926))},"/charts/skeletons/react":{id:"Skeletons",title:"Skeletons",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Area chart"},{text:"Bar chart"},{text:"Box plot chart"},{text:"Bullet chart"},{text:"Donut chart"},{text:"Donut utilization chart"},{text:"Donut utilization threshold"},{text:"Line chart"},{text:"Pie chart"},{text:"Scatter chart"},{text:"Stack chart"},{text:"Threshold chart"}],{text:"Documentation"},[{text:"Tips"},{text:"Note"}]],examples:["Area chart","Bar chart","Box plot chart","Bullet chart","Donut chart","Donut utilization chart","Donut utilization threshold","Line chart","Pie chart","Scatter chart","Stack chart","Threshold chart"],section:"charts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(73463),n.e(15260),n.e(72750),n.e(939),n.e(35332),n.e(90398),n.e(28111),n.e(10325),n.e(67351),n.e(29695),n.e(89390),n.e(27419),n.e(96866),n.e(78079),n.e(674),n.e(83452),n.e(11828),n.e(32125),n.e(13758),n.e(322),n.e(51848),n.e(18847),n.e(48812),n.e(48522),n.e(73466),n.e(1497),n.e(98254),n.e(71775),n.e(24740),n.e(61702),n.e(50820),n.e(52762)]).then(n.bind(n,41221))},"/charts/resize-observer/react":{id:"Resize observer",title:"Resize observer",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Responsive bullet chart with wrapping legend"},{text:"Responsive threshold chart with wrapping legend"},{text:"Responsive stack chart with reducible axis tick labels"}],{text:"Documentation"},[{text:"Tips"},{text:"Note"}]],examples:["Responsive bullet chart with wrapping legend","Responsive threshold chart with wrapping legend","Responsive stack chart with reducible axis tick labels"],section:"charts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(56235),n.e(73463),n.e(15260),n.e(72750),n.e(939),n.e(35332),n.e(90398),n.e(28111),n.e(10325),n.e(67351),n.e(29695),n.e(89390),n.e(27419),n.e(96866),n.e(78079),n.e(674),n.e(83452),n.e(11828),n.e(13758),n.e(322),n.e(51848),n.e(48812),n.e(73466),n.e(1497),n.e(98254),n.e(71775),n.e(61702),n.e(75060),n.e(36161)]).then(n.bind(n,79020))},"/charts/patterns/react":{id:"Patterns",title:"Patterns",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Basic pie chart"},{text:"Bar chart"},{text:"Stack chart"},{text:"Donut chart"},{text:"Donut utilization chart"},{text:"Donut utilization chart with thresholds"},{text:"Interactive legend with pie chart"},{text:"Interactive legend with area chart"},{text:"Custom pattern visibility"},{text:"Custom color scale"},{text:"Custom pattern defs"},{text:"All patterns"}],{text:"Documentation"},[{text:"Tips"},{text:"Note"}]],examples:["Basic pie chart","Bar chart","Stack chart","Donut chart","Donut utilization chart","Donut utilization chart with thresholds","Interactive legend with pie chart","Interactive legend with area chart","Custom pattern visibility","Custom color scale","Custom pattern defs","All patterns"],section:"charts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(56235),n.e(73463),n.e(15260),n.e(72750),n.e(939),n.e(35332),n.e(90398),n.e(28111),n.e(10325),n.e(67351),n.e(29695),n.e(89390),n.e(27419),n.e(96866),n.e(78079),n.e(674),n.e(83452),n.e(11828),n.e(32125),n.e(13758),n.e(322),n.e(51848),n.e(18847),n.e(48522),n.e(73466),n.e(98923),n.e(1497),n.e(94376),n.e(98254),n.e(24740),n.e(99568),n.e(55420),n.e(9400),n.e(68034)]).then(n.bind(n,72906))},"/charts/tooltips/react":{id:"Tooltips",title:"Tooltips",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Voronoi container"},{text:"Combined cursor and voronoi containers"},{text:"Embedded legend"},{text:"Embedded HTML"},{text:"Embedded legend with custom font size"},{text:"Data label"},{text:"Fixed tooltip"},{text:"Legend"},{text:"Left aligned"},{text:"CSS overflow"},{text:"Wrapped chart"}],{text:"Documentation"},[{text:"Tips"},{text:"Note"}]],examples:["Voronoi container","Combined cursor and voronoi containers","Embedded legend","Embedded HTML","Embedded legend with custom font size","Data label","Fixed tooltip","Legend","Left aligned","CSS overflow","Wrapped chart"],section:"charts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(73463),n.e(15260),n.e(72750),n.e(939),n.e(35332),n.e(90398),n.e(28111),n.e(10325),n.e(67351),n.e(29695),n.e(89390),n.e(27419),n.e(96866),n.e(78079),n.e(674),n.e(83452),n.e(11828),n.e(32125),n.e(13758),n.e(322),n.e(51848),n.e(18847),n.e(48812),n.e(48522),n.e(73466),n.e(98923),n.e(94376),n.e(24740),n.e(24722)]).then(n.bind(n,74567))},"/charts/threshold-chart/react":{id:"Threshold chart",title:"Threshold chart",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Multi-color (unordered) with responsive container"}],{text:"Documentation"},[{text:"Tips"},{text:"Note"}]],examples:["Multi-color (unordered) with responsive container"],section:"charts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(73463),n.e(15260),n.e(72750),n.e(939),n.e(35332),n.e(90398),n.e(28111),n.e(10325),n.e(67351),n.e(29695),n.e(89390),n.e(27419),n.e(78079),n.e(674),n.e(83452),n.e(11828),n.e(13758),n.e(322),n.e(48812),n.e(1497),n.e(71775),n.e(75060),n.e(62916)]).then(n.bind(n,73521))},"/charts/themes/react":{id:"Themes",title:"Themes",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Green"},{text:"Multi-color (ordered)"},{text:"Multi color (unordered)"},{text:"Custom color scale"},{text:"Custom stroke color"},{text:"Custom theme"}],{text:"Documentation"},[{text:"Tips"},{text:"Note"}]],examples:["Green","Multi-color (ordered)","Multi color (unordered)","Custom color scale","Custom stroke color","Custom theme"],section:"charts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(73463),n.e(15260),n.e(72750),n.e(939),n.e(35332),n.e(90398),n.e(28111),n.e(10325),n.e(67351),n.e(29695),n.e(89390),n.e(27419),n.e(96866),n.e(78079),n.e(674),n.e(83452),n.e(11828),n.e(32125),n.e(13758),n.e(322),n.e(51848),n.e(18847),n.e(48812),n.e(48522),n.e(73466),n.e(1497),n.e(71775),n.e(99568),n.e(55420),n.e(53890),n.e(42616)]).then(n.bind(n,49534))},"/charts/stack-chart/react":{id:"Stack chart",title:"Stack chart",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Basic with right aligned legend"},{text:"Horizontal with bottom aligned legend"},{text:"Multi-color (ordered) horizontal with bottom aligned legend"},{text:"Monthly data with responsive container"},{text:"Multi-color (unordered) responsive container"}],{text:"Documentation"},[{text:"Tips"},{text:"Note"}]],examples:["Basic with right aligned legend","Horizontal with bottom aligned legend","Multi-color (ordered) horizontal with bottom aligned legend","Monthly data with responsive container","Multi-color (unordered) responsive container"],section:"charts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(73463),n.e(15260),n.e(72750),n.e(939),n.e(35332),n.e(90398),n.e(28111),n.e(10325),n.e(67351),n.e(29695),n.e(89390),n.e(27419),n.e(96866),n.e(78079),n.e(674),n.e(83452),n.e(32125),n.e(13758),n.e(51848),n.e(73466),n.e(98923),n.e(94376),n.e(5087)]).then(n.bind(n,2247))},"/charts/scatter-chart/react":{id:"Scatter chart",title:"Scatter chart",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Basic"},{text:"Line chart"},{text:"Area chart"}],{text:"Documentation"},[{text:"Note"}]],examples:["Basic","Line chart","Area chart"],section:"charts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(73463),n.e(15260),n.e(72750),n.e(939),n.e(35332),n.e(90398),n.e(28111),n.e(10325),n.e(67351),n.e(29695),n.e(89390),n.e(27419),n.e(78079),n.e(674),n.e(83452),n.e(11828),n.e(13758),n.e(322),n.e(48812),n.e(98254),n.e(32222)]).then(n.bind(n,79799))},"/charts/pie-chart/react":{id:"Pie chart",title:"Pie chart",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Basic with right aligned legend"},{text:"Multi-color (ordered) with bottom aligned legend"},{text:"Custom color scale"}],{text:"Documentation"},[{text:"Tips"},{text:"Note"}]],examples:["Basic with right aligned legend","Multi-color (ordered) with bottom aligned legend","Custom color scale"],section:"charts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(73463),n.e(15260),n.e(72750),n.e(35332),n.e(90398),n.e(28111),n.e(10325),n.e(96866),n.e(32125),n.e(18847),n.e(31110)]).then(n.bind(n,85349))},"/charts/line-chart/react":{id:"Line chart",title:"Line chart",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Basic with right aligned legend"},{text:"Green with responsive container and bottom aligned legend"},{text:"Custom theme"},{text:"Skeleton"}]],examples:["Basic with right aligned legend","Green with responsive container and bottom aligned legend","Custom theme","Skeleton"],section:"charts",subsection:"",source:"react",tabName:null,beta:!0,Component:()=>Promise.all([n.e(35332),n.e(1497),n.e(99568),n.e(55420),n.e(53890),n.e(99706),n.e(52604)]).then(n.bind(n,36084))},"/charts/legends/react":{id:"Legends",title:"Legends",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Basic with right aligned legend"},{text:"Bottom aligned legend"},{text:"Responsive bottom-left aligned legend"},{text:"Standalone legend"},{text:"Interactive legend"},{text:"Interactive legend with pie chart"},{text:"Legend tooltips"},{text:"Legend links"},{text:"Legend layout"}],{text:"Documentation"},[{text:"Tips"},{text:"Note"}]],examples:["Basic with right aligned legend","Bottom aligned legend","Responsive bottom-left aligned legend","Standalone legend","Interactive legend","Interactive legend with pie chart","Legend tooltips","Legend links","Legend layout"],section:"charts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(56235),n.e(73463),n.e(15260),n.e(72750),n.e(939),n.e(35332),n.e(90398),n.e(28111),n.e(10325),n.e(67351),n.e(29695),n.e(89390),n.e(27419),n.e(96866),n.e(78079),n.e(674),n.e(83452),n.e(11828),n.e(32125),n.e(13758),n.e(322),n.e(51848),n.e(18847),n.e(48812),n.e(48522),n.e(98923),n.e(94376),n.e(98254),n.e(61702),n.e(9400),n.e(74143)]

1).then(n.bind(n,84509))},"/charts/donut-utilization-chart/react":{id:"Donut utilization chart",title:"Donut utilization chart",toc:[{text:"Introduction"},{text:"Donut utilization examples"},[{text:"Basic"},{text:"Right aligned legend"},{text:"Inverted with right aligned legend"},{text:"Right aligned vertical legend"},{text:"Bottom aligned legend"},{text:"Small"},{text:"Small with right aligned legend"},{text:"Small with bottom aligned subtitle"},{text:"Small with right aligned subtitle"}],{text:"Donut utilization threshold examples"},[{text:"Static thresholds"},{text:"Static thresholds with right aligned legend"},{text:"Inverted static thresholds with right aligned legend"},{text:"Static thresholds with custom legend"},{text:"Static thresholds with bottom aligned legend"},{text:"Small with static thresholds"},{text:"Small with static thresholds and right aligned legend"},{text:"Small with subtitle"},{text:"Small with thresholds and right aligned subtitle"}],{text:"Documentation"},[{text:"Tips"},{text:"Note"}]],examples:["Basic","Right aligned legend","Inverted with right aligned legend","Right aligned vertical legend","Bottom aligned legend","Small","Small with right aligned legend","Small with bottom aligned subtitle","Small with right aligned subtitle","Static thresholds","Static thresholds with right aligned legend","Inverted static thresholds with right aligned legend","Static thresholds with custom legend","Static thresholds with bottom aligned legend","Small with static thresholds","Small with static thresholds and right aligned legend","Small with subtitle","Small with thresholds and right aligned subtitle"],section:"charts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(73463),n.e(15260),n.e(72750),n.e(35332),n.e(90398),n.e(28111),n.e(10325),n.e(67351),n.e(96866),n.e(32125),n.e(18847),n.e(48522),n.e(24740),n.e(51979)]).then(n.bind(n,7459))},"/charts/donut-chart/react":{id:"Donut chart",title:"Donut chart",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Basic"},{text:"Right aligned legend"},{text:"Multi-color (ordered) with right aligned legend"},{text:"Bottom aligned legend"},{text:"Small"},{text:"Small with right aligned legend"},{text:"Small with bottom aligned subtitle"},{text:"Small with right aligned subtitle"}],{text:"Documentation"},[{text:"Tips"},{text:"Note"}]],examples:["Basic","Right aligned legend","Multi-color (ordered) with right aligned legend","Bottom aligned legend","Small","Small with right aligned legend","Small with bottom aligned subtitle","Small with right aligned subtitle"],section:"charts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(73463),n.e(15260),n.e(72750),n.e(35332),n.e(90398),n.e(28111),n.e(10325),n.e(67351),n.e(96866),n.e(32125),n.e(18847),n.e(48522),n.e(64790)]).then(n.bind(n,88254))},"/charts/bullet-chart/react":{id:"Bullet chart",title:"Bullet chart",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Basic"},{text:"Segmented primary measure"},{text:"Responsive container with bottom aligned legend"},{text:"Primary measure dot"},{text:"Error measure and custom axis ticks"},{text:"Primary measure outside range"},{text:"Negative primary measure"},{text:"Reversed with right aligned legend"},{text:"Negative and positive primary measures"},{text:"Vertical with segmented primary measure"},{text:"Vertical primary measure outside max range"},{text:"Custom labels"},{text:"Custom size"},{text:"Horizontal group"},{text:"Vertical group"},{text:"Horizontal group with title"},{text:"Vertical group with title"}],{text:"Documentation"},[{text:"Tips"},{text:"Note"}]],examples:["Basic","Segmented primary measure","Responsive container with bottom aligned legend","Primary measure dot","Error measure and custom axis ticks","Primary measure outside range","Negative primary measure","Reversed with right aligned legend","Negative and positive primary measures","Vertical with segmented primary measure","Vertical primary measure outside max range","Custom labels","Custom size","Horizontal group","Vertical group","Horizontal group with title","Vertical group with title"],section:"charts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(73463),n.e(15260),n.e(35332),n.e(90398),n.e(28111),n.e(67351),n.e(29695),n.e(89390),n.e(96866),n.e(322),n.e(51848),n.e(98254),n.e(61702),n.e(99426)]).then(n.bind(n,41108))},"/charts/box-plot-chart/react":{id:"Box plot chart",title:"Box plot chart",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Basic with right aligned legend"},{text:"Labels with bottom aligned legend"},{text:"Embedded legend"},{text:"Embedded HTML"}],{text:"Documentation"},[{text:"Tips"},{text:"Note"}]],examples:["Basic with right aligned legend","Labels with bottom aligned legend","Embedded legend","Embedded HTML"],section:"charts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(73463),n.e(15260),n.e(72750),n.e(939),n.e(35332),n.e(90398),n.e(28111),n.e(10325),n.e(67351),n.e(29695),n.e(89390),n.e(27419),n.e(96866),n.e(78079),n.e(32125),n.e(13758),n.e(322),n.e(48812),n.e(98923),n.e(94376),n.e(71775),n.e(75060),n.e(50820),n.e(51332),n.e(57512)]).then(n.bind(n,74074))},"/charts/bar-chart/react":{id:"Bar chart",title:"Bar chart",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Basic with right aligned legend"},{text:"Purple with bottom aligned legend"},{text:"Multi-color (ordered) with bottom-left aligned legend"},{text:"Single with right aligned legend"},{text:"Alerts timeline"}],{text:"Documentation"},[{text:"Tips"},{text:"Note"}]],examples:["Basic with right aligned legend","Purple with bottom aligned legend","Multi-color (ordered) with bottom-left aligned legend","Single with right aligned legend","Alerts timeline"],section:"charts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(73463),n.e(15260),n.e(35332),n.e(90398),n.e(28111),n.e(10325),n.e(67351),n.e(29695),n.e(89390),n.e(27419),n.e(78079),n.e(674),n.e(11828),n.e(51848),n.e(98923),n.e(51332),n.e(1229),n.e(12388)]).then(n.bind(n,57794))},"/charts/area-chart/react":{id:"Area chart",title:"Area chart",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Basic with right aligned legend"},{text:"Teal with bottom aligned legend and axis label"},{text:"Multi-color (unordered) bottom-left aligned legend and responsive container"}],{text:"Documentation"},[{text:"Tips"},{text:"Note"}]],examples:["Basic with right aligned legend","Teal with bottom aligned legend and axis label","Multi-color (unordered) bottom-left aligned legend and responsive container"],section:"charts",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(73463),n.e(15260),n.e(72750),n.e(939),n.e(35332),n.e(90398),n.e(28111),n.e(10325),n.e(67351),n.e(29695),n.e(89390),n.e(27419),n.e(96866),n.e(78079),n.e(674),n.e(83452),n.e(11828),n.e(32125),n.e(13758),n.e(322),n.e(48812),n.e(98923),n.e(94376),n.e(71775),n.e(78484)]).then(n.bind(n,75382))},"/charts/sankey-chart/react":{id:"Sankey chart",title:"Sankey chart",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Basic"},{text:"Multi-color (unordered) with responsive container"},{text:"Teal color with responsive container and toolbox"},{text:"Custom theme"},{text:"Skeleton"}]],examples:["Basic","Multi-color (unordered) with responsive container","Teal color with responsive container and toolbox","Custom theme","Skeleton"],section:"charts",subsection:"",source:"react",tabName:null,beta:!0,Component:()=>Promise.all([n.e(35332),n.e(1497),n.e(99568),n.e(55420),n.e(53890),n.e(99706),n.e(24166)]).then(n.bind(n,53145))},"/components/code-editor/react":{id:"Code editor",title:"Code editor",toc:[{text:"Examples"},[{text:"Basic"},{text:"With sizeToFit height, height will grow/shrink with content"},{text:"With isFullHeight height, height will match the size of the parent"},{text:"With shortcut menu and main header content"},{text:"With actions"},{text:"With custom control"}]],examples:["Basic","With sizeToFit height, height will grow/shrink with content","With isFullHeight height, height will match the size of the parent","With shortcut menu and main header content","With actions","With custom control"],section:"components",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(9623),n.e(24819)]).then(n.bind(n,49786))},"/components/drag-and-drop/react-demos":{id:"Drag and drop",title:"Drag and drop",toc:[{text:"Sorting demos"},[{text:"Drag and drop sortable data list"},{text:"Drag and drop sortable dual list selector"}],{text:"Multiple drop zone demos"},[{text:"Data list"},{text:"Dual list selector"}]],examples:["Drag and drop sortable data list","Drag and drop sortable dual list selector","Data list","Dual list selector"],section:"components",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(33238),n.e(2133),n.e(82134),n.e(83821),n.e(13483)]).then(n.bind(n,72011))},"/components/drag-and-drop/react":{id:"Drag and drop",title:"Drag and drop",toc:[{text:"Sorting examples"},[{text:"Basic drag and drop sorting"},{text:"Multiple drop zones"}]],examples:["Basic drag and drop sorting","Multiple drop zones"],section:"components",subsection:"",source:"react",tabName:null,hideNavItem:!0,Component:()=>Promise.all([n.e(33238),n.e(2133),n.e(82134),n.e(83821),n.e(23701)]).then(n.bind(n,83235))},"/components/menus/select/react-templates":{id:"Select",title:"Select",toc:[{text:"Select template examples"},[{text:"Simple"},{text:"Checkbox"},{text:"Typeahead"},{text:"Multi-Typeahead"}]],examples:["Simple","Checkbox","Typeahead","Multi-Typeahead"],section:"components",subsection:"menus",source:"react-templates",tabName:null,beta:!0,template:!0,Component:()=>Promise.all([n.e(73909),n.e(11195),n.e(90757)]).then(n.bind(n,30234))}

1,"/components/menus/dropdown/react-templates":{id:"Dropdown",title:"Dropdown",toc:[{text:"Examples"},[{text:"Simple"}]],examples:["Simple"],section:"components",subsection:"menus",source:"react-templates",tabName:null,beta:!0,template:!0,Component:()=>Promise.all([n.e(29995),n.e(73909),n.e(61801),n.e(63304)]).then(n.bind(n,99403))},"/topology/toolbar/extensions":{id:"Toolbar",title:"Toolbar",toc:[{text:"Using a toolbar"},[{text:"Example"}]],examples:["Example"],section:"topology",subsection:"",source:"extensions",tabName:null,sortValue:32,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(33238),n.e(15260),n.e(72750),n.e(2133),n.e(939),n.e(95657),n.e(77526),n.e(60156),n.e(52096),n.e(65399),n.e(81189),n.e(89446),n.e(52224),n.e(99936),n.e(54907),n.e(13023),n.e(77412),n.e(3364)]).then(n.bind(n,99334))},"/topology/sidebar/extensions":{id:"Sidebar",title:"Sidebar",toc:[{text:"Using a side bar"},[{text:"Example"}]],examples:["Example"],section:"topology",subsection:"",source:"extensions",tabName:null,sortValue:33,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(33238),n.e(15260),n.e(72750),n.e(2133),n.e(939),n.e(95657),n.e(77526),n.e(60156),n.e(52096),n.e(65399),n.e(81189),n.e(89446),n.e(52224),n.e(99936),n.e(54907),n.e(13023),n.e(77412),n.e(37783)]).then(n.bind(n,62754))},"/topology/selection/extensions":{id:"Selection",title:"Selection",toc:[{text:"Using selection"},[{text:"Example"}]],examples:["Example"],section:"topology",subsection:"",source:"extensions",tabName:null,sortValue:21,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(33238),n.e(15260),n.e(72750),n.e(2133),n.e(939),n.e(95657),n.e(77526),n.e(60156),n.e(52096),n.e(65399),n.e(81189),n.e(89446),n.e(52224),n.e(99936),n.e(54907),n.e(13023),n.e(77412),n.e(89200)]).then(n.bind(n,35960))},"/topology/pipelines/extensions":{id:"Pipelines",title:"Pipelines",toc:[{text:"Using pipelines"},[{text:"Example"}],{text:"Functions"},[{text:"getSpacerNodes"},{text:"getEdgesFromNodes"}]],examples:["Example"],section:"topology",subsection:"",source:"extensions",tabName:null,sortValue:71,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(33238),n.e(15260),n.e(72750),n.e(2133),n.e(939),n.e(95657),n.e(77526),n.e(60156),n.e(52096),n.e(65399),n.e(81189),n.e(89446),n.e(99936),n.e(54907),n.e(78369),n.e(15869)]).then(n.bind(n,81469))},"/topology/pan-and-zoom/extensions":{id:"Pan and zoom",title:"Pan and zoom",toc:[{text:"Using pan and zoom"},[{text:"Example"}]],examples:["Example"],section:"topology",subsection:"",source:"extensions",tabName:null,sortValue:22,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(33238),n.e(15260),n.e(72750),n.e(2133),n.e(939),n.e(95657),n.e(77526),n.e(60156),n.e(52096),n.e(65399),n.e(81189),n.e(89446),n.e(52224),n.e(99936),n.e(54907),n.e(13023),n.e(77412),n.e(62943)]).then(n.bind(n,29355))},"/topology/layouts/extensions":{id:"Layouts",title:"Layouts",toc:[[{text:"Example"}]],examples:["Example"],section:"topology",subsection:"",source:"extensions",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(33238),n.e(15260),n.e(72750),n.e(2133),n.e(939),n.e(95657),n.e(77526),n.e(60156),n.e(52096),n.e(65399),n.e(81189),n.e(89446),n.e(52224),n.e(99936),n.e(54907),n.e(13023),n.e(77412),n.e(10180)]).then(n.bind(n,54292))},"/topology/drag-and-drop/extensions":{id:"Drag and drop",title:"Drag and drop",toc:[{text:"Drag and drop"},[{text:"Example"},{text:"Functions"}]],examples:["Example"],section:"topology",subsection:"",source:"extensions",tabName:null,sortValue:24,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(33238),n.e(15260),n.e(72750),n.e(2133),n.e(939),n.e(95657),n.e(77526),n.e(60156),n.e(52096),n.e(65399),n.e(81189),n.e(89446),n.e(52224),n.e(99936),n.e(54907),n.e(13023),n.e(77412),n.e(49429)]).then(n.bind(n,56975))},"/topology/custom-nodes/extensions":{id:"Custom nodes",title:"Custom nodes",toc:[{text:"Using custom nodes"},[{text:"Example"}]],examples:["Example"],section:"topology",subsection:"",source:"extensions",tabName:null,sortValue:11,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(33238),n.e(15260),n.e(72750),n.e(2133),n.e(939),n.e(95657),n.e(77526),n.e(60156),n.e(52096),n.e(65399),n.e(81189),n.e(89446),n.e(52224),n.e(99936),n.e(54907),n.e(13023),n.e(77412),n.e(5316)]).then(n.bind(n,43020))},"/topology/custom-edges/extensions":{id:"Custom edges",title:"Custom edges",toc:[{text:"Edge styles"},{text:"Using custom edges"},[{text:"Example"}]],examples:["Example"],section:"topology",subsection:"",source:"extensions",tabName:null,sortValue:12,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(33238),n.e(15260),n.e(72750),n.e(2133),n.e(939),n.e(95657),n.e(77526),n.e(60156),n.e(52096),n.e(65399),n.e(81189),n.e(89446),n.e(52224),n.e(99936),n.e(54907),n.e(13023),n.e(77412),n.e(50440)]).then(n.bind(n,77563))},"/topology/control-bar/extensions":{id:"Control bar",title:"Control bar",toc:[{text:"Using a control bar"},[{text:"Example"}]],examples:["Example"],section:"topology",subsection:"",source:"extensions",tabName:null,sortValue:31,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(33238),n.e(15260),n.e(72750),n.e(2133),n.e(939),n.e(95657),n.e(77526),n.e(60156),n.e(52096),n.e(65399),n.e(81189),n.e(89446),n.e(52224),n.e(99936),n.e(54907),n.e(13023),n.e(77412),n.e(63291)]).then(n.bind(n,57572))},"/topology/context-menu/extensions":{id:"Context menu",title:"Context menu",toc:[{text:"Using context menus"},[{text:"Example"}]],examples:["Example"],section:"topology",subsection:"",source:"extensions",tabName:null,sortValue:23,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(33238),n.e(15260),n.e(72750),n.e(2133),n.e(939),n.e(95657),n.e(77526),n.e(60156),n.e(52096),n.e(65399),n.e(81189),n.e(89446),n.e(99936),n.e(54907),n.e(13023),n.e(77412),n.e(51138)]).then(n.bind(n,93057))},"/topology/anchors/extensions":{id:"Anchors",title:"Anchors",toc:[{text:"Using custom anchors"},[{text:"Example"}]],examples:["Example"],section:"topology",subsection:"",source:"extensions",tabName:null,sortValue:13,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(33238),n.e(15260),n.e(72750),n.e(2133),n.e(939),n.e(95657),n.e(77526),n.e(60156),n.e(52096),n.e(65399),n.e(81189),n.e(89446),n.e(99936),n.e(54907),n.e(77412),n.e(28446)]).then(n.bind(n,35347))},"/topology/about-topology/extensions":{id:"About Topology",title:"About Topology",toc:[{text:"Prerequisites"},{text:"Installing Topology"},{text:"Initial setup and usage"},{text:"Demo app"},[{text:"Example"}]],examples:["Example"],section:"topology",subsection:"",source:"extensions",tabName:null,sortValue:1,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(33238),n.e(15260),n.e(72750),n.e(2133),n.e(939),n.e(95657),n.e(77526),n.e(60156),n.e(52096),n.e(65399),n.e(81189),n.e(89446),n.e(52224),n.e(99936),n.e(54907),n.e(13023),n.e(77412),n.e(72856)]).then(n.bind(n,11637))},"/developer-resources/open-ui-automation/react":{id:"Open UI Automation",title:"Open UI Automation",toc:[{text:"About Open UI Automation"},[{text:"Why not use id or ARIA?"},{text:"Specification parts"},{text:"Usage"},{text:"Example"}],{text:"OUIA-compliant PatternFly 5 components"},[{text:"react-core package"},{text:"react-table package"}]],examples:["Example"],section:"developer-resources",subsection:"",source:"react",tabName:null,Component:()=>n.e(80977).then(n.bind(n,94290))},"/extensions/quick-starts/In-app-documentation":{id:"Quick starts",title:"Quick starts",toc:[{text:"In-app documentation examples"},[{text:"Basic help topic"},{text:"Fullscreen help topic"}]],examples:["Basic help topic"],fullscreenExamples:["Fullscreen help topic"],section:"extensions",subsection:"",source:"In-app-documentation",tabName:"In-app documentation",Component:()=>Promise.all([n.e(20322),n.e(97846),n.e(19507),n.e(16399),n.e(14793),n.e(53106),n.e(22829),n.e(48638)]).then(n.bind(n,23017))},"/extensions/quick-starts/Basic-quick-starts":{id:"Quick starts",title:"Quick starts",toc:[{text:"Basic quick starts examples"},[{text:"Quick starts catalog"},{text:"Fullscreen catalog page"},{text:"Quick starts with custom drawer"}]],examples:["Quick starts catalog"],fullscreenExamples:["Fullscreen catalog page","Quick starts with custom drawer"],section:"extensions",subsection:"",source:"Basic-quick-starts",tabName:null,Component:()=>Promise.all([n.e(20322),n.e(97846),n.e(19507),n.e(16399),n.e(14793),n.e(53106),n.e(22829),n.e(25135)]).then(n.bind(n,82081))},"/extensions/quick-starts/about":{id:"Quick starts",title:"Quick starts",toc:[{text:"Full live demo application"},{text:"Quick starts"},[{text:"Quick start format"},{text:"Opening and closing the side panel"}],{text:"In-app documentation"},[{text:"HelpTopic format"},{text:"Opening and closing the side panel",id:"opening-and-closing-the-side-panel-0"}]],section:"extensions",subsection:"",source:"about",tabName:null,Component:()=>Promise.all([n.e(13873),n.e(14346)]).then(n.bind(n,13477))},"/extensions/quick-starts/design-guidelines":{id:"Quick starts",title:"Quick starts",toc:[{text:"Quick start screen"},{text:"Catalog view"},{text:"Card"},{text:"Drawer"},[{text:"Introduction screen"},{text:"Tasks"},{text:"“Check your work” module"}],{text:"Content considerations"}],section:"extensions",subsection:"",source:"design-guidelines",tabName:null,Component:()=>Promise.all([n.e(79642),n.e(32120)]).then(n.bind(n,14863))},"/extensions/catalog-view/vertical-tabs/react":{id:"Vertical tabs",title:"Vertical tabs",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Basic"}]],examples:["Basic"],section:"extensions",subsection:"Catalog view",source:"react",tabName:null,Component:()=>Promise.all([n.e(4799),n.e(28407),n.e(70302)]).then(n.bind(n,2538))},"/extensions/catalog-view/properties-side-panel/react":{id:"Properties side panel",title:"Properties side panel",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Properties side panel with property items"}]],examples:["Properties side panel with property items"],section:"extensions",subsection:"Catalog view",source:"react",tabName:null,Component:()=>Promise.all([n.e(4799),n.e(57001),n.e(6191),n.e(19352),n.e(62701)]).then(n.bind(n,8645))},"/extensions/catalog-view/filter-side-panel/react":{id:"Filter side panel",title:"Filter side panel",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Basic"}]],examples:["Basic"],section:"extensions",subsection:"Catalog view",source:"react",tabName:null,Component:()=>Promise.all([n.e(77526),n.e(4799),n.e(47145),n.e(10257),n.e(55221)]).then(n.bind(n,57922))},"/extensions/catalog-view/catalog-tile/react":{id:"Catalog tile",title:"Catalog tile",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Basic featured tile"},{text:"Basic with footer"},{text:"Link variant"},{text:"With multiple icon badges"},{text:"With text badge"},{text:"With children instead of description"}

1]],examples:["Basic featured tile","Basic with footer","Link variant","With multiple icon badges","With text badge","With children instead of description"],section:"extensions",subsection:"Catalog view",source:"react",tabName:null,Component:()=>Promise.all([n.e(51381),n.e(4799),n.e(56488),n.e(6274),n.e(61175),n.e(59909)]).then(n.bind(n,91040))},"/extensions/catalog-view/catalog-item-header/react":{id:"Catalog item header",title:"Catalog item header",toc:[{text:"Introduction"},{text:"Examples"},[{text:"Basic"},{text:"With vendor description"}]],examples:["Basic","With vendor description"],section:"extensions",subsection:"Catalog view",source:"react",tabName:null,Component:()=>Promise.all([n.e(4799),n.e(56488),n.e(44856),n.e(65952)]).then(n.bind(n,17417))},"/extensions/react-console/react":{id:"React console",title:"React console",toc:[[{text:"Note"}],{text:"Examples"},[{text:"Basic Usage"}]],fullscreenExamples:["Basic Usage"],section:"extensions",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(73463),n.e(33238),n.e(2133),n.e(95657),n.e(77526),n.e(38178),n.e(24053),n.e(19463),n.e(97264),n.e(71139),n.e(28359)]).then(n.bind(n,35269))},"/extensions/log-viewer/react":{id:"Log viewer",title:"Log viewer",toc:[{text:"Examples"},[{text:"Basic"},{text:"With search"},{text:"With complex toolbar"},{text:"With header component"},{text:"With footer component"},{text:"With ANSI color logs"}]],examples:["Basic","With search","With complex toolbar","With header component","With footer component","With ANSI color logs"],section:"extensions",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(40409),n.e(19463),n.e(58134),n.e(5793),n.e(88995),n.e(75437)]).then(n.bind(n,95291))},"/extensions/log-viewer/react-demos":{id:"Log viewer",title:"Log viewer",toc:[[{text:"With complex toolbar"}]],examples:["With complex toolbar"],section:"extensions",subsection:"",source:"react-demos",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(40409),n.e(52096),n.e(19463),n.e(58134),n.e(9623),n.e(20981),n.e(5793),n.e(15967),n.e(88995),n.e(59101),n.e(83213)]).then(n.bind(n,5084))},"/extensions/data-view/toolbar/react":{id:"Toolbar",title:"Data view toolbar",toc:[[{text:"Toolbar example"}],{text:"Toolbar actions"},[{text:"Actions example"}],{text:"Pagination"},[{text:"Pagination state"},{text:"Pagination example"}],{text:"Selection"},[{text:"Selection state"},{text:"Selection example"}],{text:"Filters"},[{text:"Filters state"},{text:"Filtering example"}]],examples:["Toolbar example","Actions example","Pagination example","Selection example","Filtering example"],section:"extensions",subsection:"Data view",source:"react",tabName:null,sortValue:2,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(73463),n.e(33238),n.e(2133),n.e(95657),n.e(56763),n.e(40409),n.e(53091),n.e(77526),n.e(72200),n.e(60156),n.e(38178),n.e(65399),n.e(76303),n.e(24053),n.e(75877),n.e(19463),n.e(87890),n.e(7648),n.e(58134),n.e(40489),n.e(91571),n.e(7745),n.e(33527),n.e(90805),n.e(25479),n.e(34740),n.e(2885),n.e(33789),n.e(1315),n.e(66964),n.e(13631),n.e(29713),n.e(13102),n.e(10381),n.e(7766),n.e(85270),n.e(39310),n.e(61888),n.e(57600),n.e(94470),n.e(32077),n.e(38988),n.e(67495),n.e(21006),n.e(5793),n.e(91689),n.e(52320),n.e(7737),n.e(2144),n.e(73731),n.e(36252),n.e(67985),n.e(24350),n.e(61665),n.e(81173),n.e(65712),n.e(20345),n.e(26726),n.e(18529),n.e(87321),n.e(89976),n.e(57084),n.e(51373),n.e(8522),n.e(49346),n.e(38446),n.e(4819),n.e(76034),n.e(67547),n.e(81568)]).then(n.bind(n,42089))},"/extensions/data-view/table/react":{id:"Table",title:"Data view table",toc:[{text:"Configuring rows and columns"},[{text:"Table example"}],{text:"Tree table"},[{text:"Tree table example"}],{text:"Sorting"},[{text:"Sorting example"},{text:"Sorting state"}],{text:"States"},[{text:"Empty"},{text:"Error"},{text:"Loading"}

1]],examples:["Table example","Tree table example","Sorting example","Empty","Error","Loading"],section:"extensions",subsection:"Data view",source:"react",tabName:null,sortValue:3,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(73463),n.e(33238),n.e(2133),n.e(95657),n.e(56763),n.e(53091),n.e(77526),n.e(72200),n.e(60156),n.e(38178),n.e(65399),n.e(76303),n.e(24053),n.e(75877),n.e(52224),n.e(19463),n.e(87890),n.e(7648),n.e(58134),n.e(40489),n.e(91571),n.e(7745),n.e(33527),n.e(25479),n.e(34740),n.e(2885),n.e(33789),n.e(1315),n.e(66964),n.e(13631),n.e(29713),n.e(13102),n.e(10381),n.e(7766),n.e(97462),n.e(85270),n.e(31947),n.e(39310),n.e(61888),n.e(57600),n.e(94470),n.e(32077),n.e(38988),n.e(21006),n.e(91689),n.e(52320),n.e(7737),n.e(2144),n.e(73731),n.e(36252),n.e(67985),n.e(24350),n.e(61665),n.e(81173),n.e(65712),n.e(20345),n.e(26726),n.e(18529),n.e(87321),n.e(89976),n.e(57084),n.e(51373),n.e(8522),n.e(49346),n.e(38446),n.e(54572),n.e(4819),n.e(76034),n.e(99909)]).then(n.bind(n,75268))},"/extensions/data-view/overview/react":{id:"Overview",title:"Data view overview",toc:[[{text:"Layout"},{text:"Modularity"}],{text:"Events context"},[{text:"Row click subscription example"}]],examples:["Layout","Modularity","Row click subscription example"],section:"extensions",subsection:"Data view",source:"react",tabName:null,sortValue:1,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(73463),n.e(33238),n.e(2133),n.e(95657),n.e(56763),n.e(40409),n.e(53091),n.e(77526),n.e(72200),n.e(60156),n.e(38178),n.e(65399),n.e(76303),n.e(24053),n.e(75877),n.e(19463),n.e(87890),n.e(7648),n.e(58134),n.e(40489),n.e(91571),n.e(7745),n.e(33527),n.e(90805),n.e(25479),n.e(34740),n.e(2885),n.e(33789),n.e(1315),n.e(66964),n.e(13631),n.e(29713),n.e(13102),n.e(10381),n.e(7766),n.e(97462),n.e(85270),n.e(39310),n.e(61888),n.e(57600),n.e(94470),n.e(32077),n.e(38988),n.e(67495),n.e(21006),n.e(5793),n.e(91689),n.e(52320),n.e(7737),n.e(2144),n.e(73731),n.e(36252),n.e(67985),n.e(24350),n.e(61665),n.e(81173),n.e(65712),n.e(20345),n.e(26726),n.e(18529),n.e(87321),n.e(89976),n.e(57084),n.e(51373),n.e(8522),n.e(49346),n.e(38446),n.e(4819),n.e(67547),n.e(10653),n.e(29538)]).then(n.bind(n,40772))},"/extensions/user-feedback/react":{id:"User feedback",title:"User feedback",toc:[{text:"About"},{text:"Examples"},[{text:"Basic modal"},{text:"Advanced modal"},{text:"Advanced that autofills an email address"},{text:"Modal with asynchronous call support"},{text:"Modal with internationalization support"}]],examples:["Basic modal","Advanced modal","Advanced that autofills an email address","Modal with asynchronous call support","Modal with internationalization support"],section:"extensions",subsection:"",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(33238),n.e(60156),n.e(20322),n.e(76286

1),n.e(26766),n.e(4576),n.e(82689)]).then(n.bind(n,90951))},"/extensions/user-feedback/design-guidelines":{id:"User feedback",title:"User feedback",toc:[{text:"Elements"},{text:"Behavior"},{text:"Variations"},[{text:"Modal items open forms within the modal"},{text:"Modal items link to external URLs"}]],section:"extensions",subsection:"",source:"design-guidelines",tabName:null,Component:()=>Promise.all([n.e(44691),n.e(37737)]).then(n.bind(n,61142))},"/component-groups/about-component-groups/react":{id:"About component groups",title:"About component groups",toc:[{text:"Contribution guidelines"},[{text:"Reporting bugs and requesting new features"}]],section:"Component groups",subsection:"",source:"react",tabName:null,sortValue:1,Component:()=>Promise.all([n.e(73482),n.e(47949),n.e(2817),n.e(64010)]).then(n.bind(n,80978))},"/component-groups/error-communication/warning-modal/react":{id:"Warning modal",title:"Warning modal",toc:[{text:"Examples"},[{text:"Basic warning modal"},{text:"Warning modal with a custom button variant"},{text:"Warning modal with a checkbox"},{text:"Warning modal with a text confirmation"}]],examples:["Basic warning modal","Warning modal with a custom button variant","Warning modal with a checkbox","Warning modal with a text confirmation"],section:"Component groups",subsection:"Error communication",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(56763),n.e(53091),n.e(72200),n.e(60156),n.e(76303),n.e(87890),n.e(7648),n.e(91571),n.e(7745),n.e(34740),n.e(29713),n.e(7766),n.e(39310),n.e(24350),n.e(23134)]).then(n.bind(n,54480))},"/component-groups/error-communication/unavailable-content/react":{id:"Unavailable content",title:"Unavailable content",toc:[{text:"Examples"},[{text:"Basic unavailable content"}]],examples:["Basic unavailable content"],section:"Component groups",subsection:"Error communication",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(56763),n.e(53091),n.e(72200),n.e(33527),n.e(49346),n.e(6059)]).then(n.bind(n,17639))},"/component-groups/error-communication/unauthorized-access/react":{id:"Unauthorized access",title:"Unauthorized access",toc:[{text:"Examples"},[{text:"Basic unauthorized access"},{text:"Unauthorized access with custom actions"}]],examples:["Basic unauthorized access","Unauthorized access with custom actions"],section:"Component groups",subsection:"Error communication",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(56763),n.e(53091),n.e(72200),n.e(33527),n.e(2885),n.e(89976),n.e(20215)]).then(n.bind(n,10273))},"/component-groups/status-and-state-indicators/tag-count/react":{id:"Tag count",title:"Tag count",toc:[{text:"Examples"},[{text:"Basic tag count"},{text:"Disabled tag count"}]],examples:["Basic tag count","Disabled tag count"],section:"Component groups",subsection:"Status and state indicators",source:"react",tabName:null,Component:()=>Promise.all([n.e(73463),n.e(56763),n.e(53091),n.e(38178),n.e(24053),n.e(40489),n.e(13102),n.e(21006),n.e(8522),n.e(83222)]).then(n.bind(n,99820))},"/component-groups/status-and-state-indicators/status/react":{id:"Status",title:"Status",toc:[[{text:"Basic status"},{text:"Status with description"},{text:"Icon only status"},{text:"Link status"},{text:"Popover status"}]],examples:["Basic status","Status with description","Icon only status","Link status","Popover status"],section:"Component groups",subsection:"Status and state indicators",source:"react",tabName:null,beta:!0,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(73463),n.e(56763),n.e(53091),n.e(72200),n.e(60156),n.e(38178),n.e(76303),n.e(24053),n.e(87890),n.e(91571),n.e(25479),n.e(34740),n.e(13102),n.e(61888),n.e(79233),n.e(12706),n.e(39621)]).then(n.bind(n,49355))},"/component-groups/status-and-state-indicators/stale-data-warning/react":{id:"Stale data warning",title:"Stale data warning",toc:[{text:"Examples"},[{text:"Basic stale data warning example"},{text:"Stale data warning with customized props"}]],examples:["Basic stale data warning example","Stale data warning with customized props"],section:"Component groups",subsection:"Status and state indicators",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(73463),n.e(56763),n.e(53091),n.e(72200),n.e(38178),n.e(76303),n.e(24053),n.e(87890),n.e(7648),n.e(40489),n.e(13102),n.e(87321),n.e(10955)]).then(n.bind(n,31753))},"/component-groups/status-and-state-indicators/skeleton-table/react":{id:"Skeleton table",title:"Skeleton table",toc:[{text:"Examples"},[{text:"Basic skeleton table"},{text:"Compact skeleton table"},{text:"Selectable columns"},{text:"Expandable rows"},{text:"Customizable column headers"},{text:"Full loading simulation"},{text:"Skeleton table head"},{text:"Skeleton table body"}]],examples:["Basic skeleton table","Compact skeleton table","Selectable columns","Expandable rows","Customizable column headers","Full loading simulation","Skeleton table head","Skeleton table body"],section:"Component groups",subsection:"Status and state indicators",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(33238),n.e(2133),n.e(95657),n.e(56763),n.e(53091),n.e(77526),n.e(72200),n.e(60156),n.e(76303),n.e(75877),n.e(19463),n.e(87890),n.e(7648),n.e(58134),n.e(7745),n.e(34740),n.e(1315),n.e(13631),n.e(85270),n.e(61888),n.e(94470),n.e(52320),n.e(37312)]).then(n.bind(n,26211))},"/component-groups/helpers/shortcut-grid/react":{id:"Shortcut grid",title:"Shortcut grid",toc:[{text:"Examples"},[{text:"Basic shortcut grid"},{text:"Single shortcut"}]],examples:["Basic shortcut grid","Single shortcut"],section:"Component groups",subsection:"Helpers",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(73463),n.e(56763),n.e(53091),n.e(72200),n.e(38178),n.e(76303),n.e(24053),n.e(87890),n.e(7648),n.e(40489),n.e(91689),n.e(7737),n.e(97722)]).then(n.bind(n,63424))},"/component-groups/status-and-state-indicators/severity/react":{id:"Severity",title:"Severity",toc:[{text:"Examples"},[{text:"Undefined variant"},{text:"None severity"},{text:"Minor severity"},{text:"Moderate severity"},{text:"Important severity"},{text:"Critical severity"}]],examples:["Undefined variant","None severity","Minor severity","Moderate severity","Important severity","Critical severity"],section:"Component groups",subsection:"Status and state indicators",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(56763),n.e(72200),n.e(76303),n.e(91571),n.e(66964),n.e(57084),n.e(1725)]).then(n.bind(n,66700))},"/component-groups/content-containers/service-card/react":{id:"Service card",title:"Service card",toc:[{text:"Examples"},[{text:"Basic service card"},{text:"Stacked service card"},{text:"Service card in a gallery"}]],examples:["Basic service card","Stacked service card","Service card in a gallery"],section:"Component groups",subsection:"Content containers",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(73463),n.e(33238),n.e(56763),n.e(53091),n.e(72200),n.e(38178),n.e(76303),n.e(24053),n.e(40489),n.e(91571),n.e(7745),n.e(25479),n.e(33789),n.e(57600),n.e(65712),n.e(14208),n.e(64099)]).then(n.bind(n,23494))}

1,"/component-groups/controls/responsive-actions/react":{id:"Responsive actions",title:"Responsive actions",toc:[{text:"Examples"},[{text:"Basic responsive actions"},{text:"Breakpoint on container"}]],examples:["Basic responsive actions","Breakpoint on container"],section:"Component groups",subsection:"Controls",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(33238),n.e(2133),n.e(95657),n.e(56763),n.e(53091),n.e(77526),n.e(72200),n.e(76303),n.e(19463),n.e(87890),n.e(7648),n.e(7745),n.e(1315),n.e(29713),n.e(61665),n.e(30951)]).then(n.bind(n,5043))},"/component-groups/content-containers/page-header/react":{id:"Page header",title:"Page header",toc:[{text:"Examples"},[{text:"Basic page header"},{text:"Page header with breadcrumbs"},{text:"Page header with icon"},{text:"Page header with label and link"},{text:"Page header with actions menu"}]],examples:["Basic page header","Page header with breadcrumbs","Page header with icon","Page header with label and link","Page header with actions menu"],section:"Component groups",subsection:"Content containers",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(73463),n.e(56763),n.e(53091),n.e(72200),n.e(38178),n.e(76303),n.e(24053),n.e(91571),n.e(25479),n.e(13631),n.e(38988),n.e(81173),n.e(14208),n.e(29424)]).then(n.bind(n,35312))},"/component-groups/content-containers/multi-content-card/react":{id:"Multi-content card",title:"Multi-content card",toc:[{text:"Examples"},[{text:"Basic multi-content card"},{text:"Expandable multi-content card"},{text:"Expandable multi-content card with actions and labels"},{text:"Expandable multi content card with dividers"},{text:"Expandable multi-content card with single dividers"}]],examples:["Basic multi-content card","Expandable multi-content card","Expandable multi-content card with actions and labels","Expandable multi content card with dividers","Expandable multi-content card with single dividers"],section:"Component groups",subsection:"Content containers",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(29995),n.e(75934),n.e(73441),n.e(73463),n.e(33238),n.e(56763),n.e(53091),n.e(72200),n.e(38178),n.e(76303),n.e(24053),n.e(51381),n.e(40489),n.e(91571),n.e(7745),n.e(2885),n.e(13631),n.e(57600),n.e(18529),n.e(15111)]).then(n.bind(n,83924))},"/component-groups/error-communication/missing-page/react":{id:"Missing page",title:"Missing page",toc:[{text:"Examples"},[{text:"Basic missing page"}]],examples:["Basic missing page"],section:"Component groups",subsection:"Error communication",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(73463),n.e(56763),n.e(53091),n.e(72200),n.e(38178),n.e(24053),n.e(33527),n.e(67985),n.e(5484)]).then(n.bind(n,94171))},"/component-groups/error-communication/maintenance/react":{id:"Maintenance",title:"Maintenance",toc:[{text:"Examples"},[{text:"Basic maintenance"},{text:"Custom maintenance"}]],examples:["Basic maintenance","Custom maintenance"],section:"Component groups",subsection:"Error communication",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(56763),n.e(53091),n.e(72200),n.e(65399),n.e(33527),n.e(51373),n.e(37743)]).then(n.bind(n,61974))},"/component-groups/helpers/log-snippet/react":{id:"Log snippet",title:"Log snippet",toc:[{text:"Examples"},[{text:"Basic log snippet"}]],examples:["Basic log snippet"],section:"Component groups",subsection:"Helpers",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(33238),n.e(56763),n.e(53091),n.e(72200),n.e(76303),n.e(87890),n.e(7648),n.e(91571),n.e(36252),n.e(76223)]).then(n.bind(n,50258))},"/component-groups/error-communication/error-state/react":{id:"Error state",title:"Error state",toc:[{text:"Examples"},[{text:"Basic error state"},{text:"Custom footer"},{text:"Customizations using EmptyState props"}]],examples:["Basic error state","Custom footer","Customizations using EmptyState props"],section:"Component groups",subsection:"Error communication",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(73463),n.e(56763),n.e(53091),n.e(72200),n.e(38178),n.e(24053),n.e(33527),n.e(7766),n.e(32077),n.e(76963),n.e(69813)]).then(n.bind(n,80948))},"/component-groups/error-communication/error-boundary/react":{id:"Error boundary",title:"Error boundary",toc:[{text:"Examples"},[{text:"Error boundary usage example"}]],examples:["Error boundary usage example"],section:"Component groups",subsection:"Error communication",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(73463),n.e(33238),n.e(56763),n.e(53091),n.e(72200),n.e(38178),n.e(76303),n.e(24053),n.e(40489),n.e(33527),n.e(25479),n.e(29713),n.e(7766),n.e(32077),n.e(73731),n.e(80535)]).then(n.bind(n,23918))},"/component-groups/helpers/column-management-modal/react":{id:"Column management modal",title:"Column management modal",toc:[{text:"Examples"},[{text:"Showing and hiding of table columns"}]],examples:["Showing and hiding of table columns"],section:"Component groups",subsection:"Helpers",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(56763),n.e(53091),n.e(72200),n.e(60156),n.e(76303),n.e(87890),n.e(7648),n.e(7745),n.e(25479),n.e(34740),n.e(39310),n.e(38988),n.e(2144),n.e(55479),n.e(87143)]).then(n.bind(n,13005))}

1,"/component-groups/controls/close-button/react":{id:"Close button",title:"Close button",toc:[{text:"Examples"},[{text:"Basic close button"}]],examples:["Basic close button"],section:"Component groups",subsection:"Controls",source:"react",tabName:null,Component:()=>Promise.all([n.e(73463),n.e(56763),n.e(53091),n.e(38178),n.e(24053),n.e(40489),n.e(10381),n.e(38446),n.e(66588)]).then(n.bind(n,57140))},"/component-groups/controls/bulk-select/react":{id:"Bulk select",title:"Bulk select",toc:[{text:"Examples"},[{text:"Basic paginated bulk select"},{text:"Bulk select with all option"}]],examples:["Basic paginated bulk select","Bulk select with all option"],section:"Component groups",subsection:"Controls",source:"react",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38814),n.e(68063),n.e(75934),n.e(73441),n.e(33238),n.e(2133),n.e(95657),n.e(56763),n.e(53091),n.e(77526),n.e(72200),n.e(76303),n.e(19463),n.e(87890),n.e(7648),n.e(7745),n.e(1315),n.e(20345),n.e(14920)]).then(n.bind(n,10191))},"/component-groups/status-and-state-indicators/ansible/react":{id:"Ansible",title:"Ansible",toc:[[{text:"Ansible supported"},{text:"Ansible unsupported"},{text:"Red Hat Ansible Automation Platform"}]],examples:["Ansible supported","Ansible unsupported","Red Hat Ansible Automation Platform"],section:"Component groups",subsection:"Status and state indicators",source:"react",tabName:null,Component:()=>Promise.all([n.e(73463),n.e(38178),n.e(24053),n.e(40489),n.e(26726),n.e(32687)]).then(n.bind(n,68027))},"/patternfly-ai/chatbot/overview/demo":{id:"Overview",title:"Overview",toc:[[{text:"Basic ChatBot"},{text:"Embedded ChatBot"},{text:"Inline drawer ChatBot"},{text:"Comparing ChatBots"}]],fullscreenExamples:["Basic ChatBot","Embedded ChatBot","Inline drawer ChatBot","Comparing ChatBots"],section:"PatternFly-AI",subsection:"ChatBot",source:"demo",tabName:null,sortValue:2,Component:()=>Promise.all([n.e(38178),n.e(52096),n.e(10135),n.e(18341),n.e(9210),n.e(86338),n.e(21),n.e(3096),n.e(10863)]).then(n.bind(n,84323))},"/patternfly-ai/chatbot/messages/demo":{id:"Messages",title:"Messages",toc:[{text:"Demos"},[{text:"Message feedback"},{text:"Attach via upload button in message bar"},{text:"Attach via menu of options in message bar"}]],examples:["Message feedback"],fullscreenExamples:["Attach via upload button in message bar","Attach via menu of options in message bar"],section:"PatternFly-AI",subsection:"ChatBot",source:"demo",tabName:null,Component:()=>Promise.all([n.e(87605),n.e(38178),n.e(52096),n.e(63607),n.e(46955),n.e(10135),n.e(18341),n.e(3922),n.e(9210),n.e(24853),n.e(21),n.e(60028),n.e(62110)]).then(n.bind(n,4524))},"/patternfly-ai/chatbot/ui/react":{id:"UI",title:"UI",toc:[{text:"Structure"},[{text:"Container"},{text:"Content and message box"},{text:"Welcome message"},{text:"Welcome prompt"},{text:"Skip to content"}],{text:"Toggle"},[{text:"Basic toggle"},{text:"Custom toggle icon"},{text:"Custom toggle shape"}],{text:"Header"},[{text:"Header sections"},{text:"Header title"},{text:"Header options"}],{text:"Footer"},[{text:"Footnote with popover"},{text:"Message bar with speech recognition and file attachment"},{text:"Message bar with speech recognition in a different language"},{text:"Message bar with always-shown send button"},{text:"Message bar with attach menu appended to attach button"},{text:"Footer with message bar and footnote"},{text:"Message bar with stop button"}],{text:"Navigation"},[{text:"Side nav in a drawer"},{text:'Drawer with search and "new chat" button'},{text:"Drawer with conversation actions"},{text:"Drawer with active conversation"},{text:"Resizable drawer"},{text:"Drawer with simple menu"},{text:"Terms of use"},{text:"Settings"}],{text:"Modals"},[{text:"Modal"}]],examples:["Welcome prompt","Header title","Header options","Footnote with popover","Message bar with speech recognition and file attachment","Message bar with speech recognition in a different language","Message bar with always-shown send button","Message bar with attach menu appended to attach button","Footer with message bar and footnote","Message bar with stop button",'Drawer with search and "new chat" button',"Drawer with conversation actions","Drawer with active conversation","Resizable drawer","Drawer with simple menu"],fullscreenExamples:["Container","Welcome message","Skip to content","Basic toggle","Custom toggle icon","Custom toggle shape","Terms of use","Settings","Modal"],section:"PatternFly-AI",subsection:"ChatBot",source:"react",tabName:null,sortValue:2,Component:()=>Promise.all([n.e(87605),n.e(38178),n.e(52096),n.e(51381),n.e(10381),n.e(63607),n.e(46955),n.e(10135),n.e(18341),n.e(3922),n.e(9210),n.e(24853),n.e(86338),n.e(60028),n.e(59472),n.e(98633)]).then(n.bind(n,14410))},"/patternfly-ai/chatbot/messages/react":{id:"Messages",title:"Messages",toc:[{text:"Messages"},[{text:"Bot messages"},{text:"Message actions"},{text:"Custom message actions"},{text:"Message feedback"},{text:"Message feedback with timeouts"},{text:"Messages with quick responses"},{text:"Messages with sources"},{text:"Messages with quick start tiles"},{text:"User messages"},{text:"Custom message content"}],{text:"File attachments"},[{text:"Messages with attachments"},{text:"Attachment label"},{text:"Attachment preview"},{text:"Editable attachments"},{text:"Failed attachment error"},{text:"Attachment dropzone"}]],examples:["Bot messages","Message actions","Custom message actions","Message feedback","Message feedback with timeouts","Messages with quick responses","Messages with sources","Messages with quick start tiles","User messages","Custom message content","Messages with attachments","Attachment label","Attachment preview","Editable attachments","Failed attachment error","Attachment dropzone"],section:"PatternFly-AI",subsection:"ChatBot",source:"react",tabName:null,sortValue:3,Component:()=>Promise.all([n.e(73441),n.e(38178),n.e(20981),n.e(10135),n.e(24853),n.e(50161),n.e(68070),n.e(83899),n.e(58508)]).then(n.bind(n,92695))},"/patternfly-ai/chatbot/analytics/Analytics":{id:"Analytics",title:"Analytics",toc:[{text:"Elements"},{text:"Usage"},[{text:"Setup"},{text:"Page flow tracking"},{text:"Event tracking"}],{text:"Examples"}],section:"PatternFly-AI",subsection:"ChatBot",source:"Analytics",tabName:null,sortValue:60,Component:()=>Promise.all([n.e(41966),n.e(73505),n.e(89120)]).then(n.bind(n,66393))},"/patternfly-ai/chatbot/overview/design-guidelines":{id:"Overview",title:"Overview",toc:[{text:"Elements"},[{text:"Messages"},{text:"Message actions"},{text:"Message bar"},{text:"Footnotes"}],{text:"Usage"},[{text:"When to use a ChatBot"},{text:"When not to use a ChatBot"}],{text:"Behavior"},[{text:"Accessing a ChatBot"},{text:"Launching a ChatBot from page content"},{text:"Starting a new conversation"},{text:"Using the conversation history menu"},{text:"ChatBot settings and preferences"},{text:"Attaching files"}],{text:"Variations"},[{text:"Display modes"},{text:"Layouts"}],{text:"Placement"},{text:"Content considerations"},{text:"Accessibility"}],section:"PatternFly-AI",subsection:"ChatBot",source:"design-guidelines",tabName:null,sortValue:1,Component:()=>Promise.all([n.e(41966),n.e(33017),n.e(35527)]).then(n.bind(n,81584))}

1,"/patternfly-ai/chatbot/overview/About":{id:"Overview",title:"Overview",toc:[{text:"ChatBot demos"}],section:"PatternFly-AI",subsection:"ChatBot",source:"About",tabName:null,sortValue:1,Component:()=>n.e(96531).then(n.bind(n,11617))}}},98144:(e,t,n)=>{"use strict";n.d(t,{Z:()=>A});var a=n(2784),i=n(66159),o=n(9222),s=n(45719),l=n(37167),r=n(87505),c=n(21609),p=n(37226),d=n(450),m=n(70006),u=n(96793),x=n(45078),h=n(52351),g=n(44442),b=n(43922),f=n(85313),y=n(25950),w=n(74726),v=n(37373),C=n.n(v),S=n(78267),k=n.n(S);const E={post1:{title:"Welcome to PatternFly 6",author:"Erin Donehoo",length:"5 min read",URL:"https://medium.com/patternfly/welcome-to-patternfly-6-5c372f2fd5de",imageURL:"https://miro.medium.com/v2/resize:fit:600/format:webp/1*FOVVqeJPmsoM6uJqsZHXZA.png"},post2:{title:"From UX design to code",author:"Tina Yip",length:"10 min read",URL:"https://medium.com/patternfly/from-ux-design-to-code-80af8291b04a",imageURL:"https://miro.medium.com/v2/resize:fit:600/format:webp/0*9CY4zONMQaeU_-Z-"},post3:{title:"Brainstorming when you're in a funk",author:"Allison Wolfe",length:"3 min read",URL:"https://medium.com/patternfly/brainstorming-when-youre-in-a-funk-ca0882b5dc99",imageURL:"https://miro.medium.com/v2/resize:fit:600/format:webp/0*yX6KLyk2WGv5u2m8"},post4:{title:"PatternFly component groups grow!",author:"Filip Hlavac",length:"4 min read",URL:"https://medium.com/patternfly/patternfly-component-groups-grow-90ac8df4a83e",imageURL:"https://miro.medium.com/v2/resize:fit:600/format:webp/0*j9kT2OT7NJuKJRwX"}},T=[{title:"Upgrade to PatternFly 6",body:"Reference our upgrade guide to learn how you can update to the latest version of PatternFly.",link:"/get-started/upgrade",layout:"withSubtitle"},{title:"Read our latest release highlights",body:"Stay informed about every PatternFly release by reading through our highlights, which lay out important code changes and design updates.",link:"/get-started/release-highlights",layout:"withSubtitle"},{title:"Attend PatternFly community events",body:"Join one of our regular meetings where we set time aside to share information and address questions or issues presented by the community.",link:"https://calendar.google.com/calendar/embed?src=patternflyteam%40gmail.com&ctz=America%2FNew_York",layout:"withSubtitle",hasExtLinkIcon:!0},{title:"Explore our roadmaps",body:"Take a look at our issue boards on GitHub to see what we’re working on now and what we have planned next.",link:"https://github.com/orgs/patternfly/projects/7",layout:"withSubtitle",hasExtLinkIcon:!0},{title:"Follow us on X",body:"Stay up to date on timely PatternFly news and updates through our X.",layout:"withSubtitle",link:"https://x.com/patternfly",hasExtLinkIcon:!0},{title:"Join the discussion",body:"Visit our discussion board on GitHub to help drive future design and development plans.",link:"https://github.com/orgs/patternfly/discussions",layout:"withSubtitle",hasExtLinkIcon:!0}],N=()=>a.createElement(o.r,{hasGutter:!0,minWidths:{xl:"30%"}},T.map(((e,t)=>{const n=t+1,i=`clickable-stay-informed-card-${n}`,o=`stay-informed-card-input-${n}`,d=`stay-informed-card-${n}-title`;return a.createElement(s.L,{key:e.title},a.createElement(l.Z,{id:i,style:{textAlign:undefined},key:`${t}`,component:"div",isFullHeight:!0,isClickable:!0},a.createElement(r.O,{selectableActions:{to:e.link,selectableActionId:o,selectableActionAriaLabelledby:d,name:"homepage-card",isExternalLink:e.hasExtLinkIcon}},a.createElement(c.l,{id:d},e.title,e.hasExtLinkIcon?a.createElement(a.Fragment,null," ",a.createElement(w.ZP,null)):"")),a.createElement(p.e,null,e.body)))}))),P=({postData:e,idx:t})=>{const{URL:n,author:i,imageURL:o,length:s,title:m}=e,u=t+1,x=`featured-blog-post-${u}`,h=`card-article-input-${u}`,g=`featured-blog-post-${u}-title`;return a.createElement(l.Z,{id:x,component:"div",isClickable:!0,key:t},a.createElement(r.O,{className:"v6-featured-posts-card-header-img",selectableActions:{to:n,selectableActionId:h,selectableActionAriaLabelledby:g,name:"homepage-card",isExternalLink:!0}

1,style:{backgroundImage:`url(${o})`}}),a.createElement(d.i,null),a.createElement(c.l,{id:g},` ${m}`),a.createElement(p.e,{className:"pf-v6-u-color-200"},i," • ",s))},A=()=>a.createElement(a.Fragment,null,a.createElement(m.NP,{isWidthLimited:!0,className:"ws-homepage-main-section"},a.createElement(u.k,{direction:{default:"column",lg:"row"},gap:{default:"gap2xl"},alignItems:{lg:"alignItemsStretch"}},a.createElement(u.k,{direction:{default:"column"},flex:{md:"flex_3"},gap:{default:"gap2xl"}},a.createElement(u.k,{direction:{default:"column"},spaceItems:{default:"spaceItemsLg"}},a.createElement(x.D,{className:"pf-v6-u-font-weight-bold",headingLevel:"h1",size:"4xl"}," ","Design and build better product experiences in the",a.createElement("span",{className:"pf-v6-u-primary-color-100"}," open "),"with PatternFly"),a.createElement(h.V,{component:h.O.p,className:"pf-v6-u-font-size-lg"},"PatternFly is an open source design system that enables teams to create consistent and scalable enterprise products. PatternFly is sponsored and maintained by Red Hat, but is open to all.")),a.createElement(u.k,{gap:{default:"gapMd"}},a.createElement(g.B,null,a.createElement(i.rU,{to:"/get-started/design",className:"pf-v6-c-button pf-m-secondary pf-m-display-lg","aria-label":"Start designing"},"Start designing")),a.createElement(g.B,null,a.createElement(i.rU,{to:"/get-started/develop",className:"pf-v6-c-button pf-m-secondary pf-m-display-lg","aria-label":"Start developing"},"Start developing")))),a.createElement("style",null,`\n          :root {\n            --pf-v6-c-image-showcase-url: url(${C()});\n          }\n          .pf-v6-c-image-showcase {\n            background-image: var(--pf-v6-c-image-showcase-url);\n            background-repeat: no-repeat;\n            background-size: auto 100%;\n          }\n          .pf-v6-theme-dark {\n            --pf-v6-c-image-showcase-url: url(${k()});\n          }\n        `),a.createElement(g.B,{flex:{md:"flex_3"},alignSelf:{default:"alignSelfStretch"},className:"pf-v6-c-image-showcase"}))),a.createElement(m.NP,{isWidthLimited:!0},a.createElement(d.i,{inset:{default:"insetLg"}})),a.createElement(m.NP,{isWidthLimited:!0,className:"v6-featured-posts"},a.createElement(u.k,{direction:{default:"column",md:"row"},gap:{default:"gapMd"}},a.createElement(g.B,{flex:{default:"flex_1"}},a.createElement(x.D,{headingLevel:"h2",size:"2xl"},"Featured blog posts")),a.createElement(b.zx,{isInline:!0,size:"lg",component:"a",href:"https://medium.com/patternfly",variant:"link","aria-label":"explore our blog",target:"_blank"},"Explore our blog ",a.createElement(y.ZP,null)))),a.createElement(m.NP,{isWidthLimited:!0,className:"v6-featured-posts-cards"},a.createElement(f.r,{hasGutter:!0,md:6,xl:3},Object.values(E).map(((e,t)=>a.createElement(P,{postData:e,idx:t,key:`${t}-${e.title}`}))))),a.createElement(m.NP,{isWidthLimited:!0,className:"v6-stay-informed"},a.createElement(u.k,{direction:{default:"column",md:"row"},gap:{default:"gapMd"}},a.createElement(g.B,{flex:{default:"flex_1"}},a.createElement(x.D,{headingLevel:"h2",size:"2xl"},"Stay informed")),a.createElement(b.zx,{isInline:!0,size:"lg",component:"a",href:"https://github.com/patternfly",variant:"link","aria-label":"Patternfly on Github",target:"_blank"},"View our Github repositories ",a.createElement(y.ZP,null)))),a.createElement(m.NP,{isWidthLimited:!0,className:"v6-stay-informed-cards"},a.createElement(N,null)))},1482:(e,t,n)=>{const a=Boolean("production");e.exports={"/":{SyncComponent:a&&n(98144).Z},"/404":{SyncComponent:a&&n(564).Z,title:"404 Error"}}},50061:(e,t,n)=>{e.exports={srcSet:n.p+"images/missing-thumbnail.65bbd1ce81b52619.jpg 800w",images:[{path:n.p+"images/missing-thumbnail.65bbd1ce81b52619.jpg",width:800,height:450}],src:n.p+"images/missing-thumbnail.65bbd1ce81b52619.jpg",toString:function(){return n.p+"images/missing-thumbnail.65bbd1ce81b52619.jpg"},width:800,height:450}},79828:(e,t,n)=>{e.exports={srcSet:n.p+"images/RHLogo.53b6ac362da25647.png 1226w",images:[{path:n.p+"images/RHLogo.53b6ac362da25647.png",width:1226,height:290}],src:n.p+"images/RHLogo.53b6ac362da25647.png",toString:function(){return n.p+"images/RHLogo.53b6ac362da25647.png"},width:1226,height:290}},24119:(e,t,n)=>{e.exports={srcSet:n.p+"images/RHLogoDark.baf03961fc7be6d5.png 422w",images:[{path:n.p+"images/RHLogoDark.baf03961fc7be6d5.png",width:422,height:100}],src:n.p+"images/RHLogoDark.baf03961fc7be6d5.png",toString:function(){return n.p+"images/RHLogoDark.baf03961fc7be6d5.png"},width:422,height:100}},78267:(e,t,n)=>{e.exports={srcSet:n.p+"images/dark-showcase.a6e7027a1f0c6c35.png 3030w",images:[{path:n.p+"images/dark-showcase.a6e7027a1f0c6c35.png",width:3030,height:1678}],src:n.p+"images/dark-showcase.a6e7027a1f0c6c35.png",toString:function(){return n.p+"images/dark-showcase.a6e7027a1f0c6c35.png"},width:3030,height:1678}},37373:(e,t,n)=>{e.exports={srcSet:n.p+"images/light-showcase.db3a3d8d37ae5ff5.png 3030w",images:[{path:n.p+"images/light-showcase.db3a3d8d37ae5ff5.png",width:3030,height:1678}],src:n.p+"images/light-showcase.db3a3d8d37ae5ff5.png",toString:function(){return n.p+"images/light-showcase.db3a3d8d37ae5ff5.png"},width:3030,height:1678}},78157:(e,t,n)=>{const a=n(71514),i=a.tokTypes;function o(){this.shorthandAssign=this.trailingComma=this.parenthesizedAssign=this.parenthesizedBind=this.doubleProto=-1}const s={any:"TSAnyKeyword",bigint:"TSBigIntKeyword",boolean:"TSBooleanKeyword",never:"TSNeverKeyword",null:"TSNullKeyword",number:"TSNumberKeyword",object:"TSObjectKeyword",string:"TSStringKeyword",symbol:"TSSymbolKeyword",undefined:"TSUndefinedKeyword",unknown:"TSUnknownKeyword",void:"TSVoidKeyword"},l={interface:1,type:2,enum:4,declare:8},r={typeof:1,keyof:2,infer:4},c={as:1,"!":2};e.exports=e=>class extends e{constructor(...e){super(...e),this.reservedWords=/^(?:enum)$/,this.reservedWordsStrict=this.reservedWords}finishNode(e,t){return t.startsWith("TS")&&(this.options.sourceType="ts"),this.finishNodeAt.call(this,e,t,this.lastTokEnd,this.lastTokEndLoc)}computeLocByOffset(e){if(this.options.locations)return a.getLineInfo(this.input,e)}startNodeAtNode(e){return this.startNodeAt(e.start,this.computeLocByOffset(e.start))}tsPreparePreview(){const{pos:e,curLine:t,type:n,value:a,end:i,start:o,endLoc:s,startLoc:l,scopeStack:r,lastTokStartLoc:c,lastTokEndLoc:p,lastTokEnd:d,lastTokStart:m,context:u}=this;return()=>{this.pos=e,this.curLine=t,this.type=n,this.value=a,this.end=i,this.start=o,this.endLoc=s,this.startLoc=l,this.scopeStack=r,this.lastTokStartLoc=c,this.lastTokEndLoc=p,this.lastTokEnd=d,this.lastTokStart=m,this.context=u}}_isStartOfTypeParameters(){return this.value&&60===this.value.charCodeAt(0)}_isEndOfTypeParameters(){return this.value&&62===this.value.charCodeAt(0)}_hasPrecedingLineBreak(){return a.lineBreak.test(this.input.slice(this.lastTokEnd,this.start))}

1parseExpressionStatement(e,t){return"Identifier"===t.type?this._parseTSDeclaration(e,t):super.parseExpressionStatement(e,t)}parseBindingAtom(){const e=super.parseBindingAtom();return this.eat(i.colon)&&(e.typeAnnotation=this.parseTSTypeAnnotation(!1),e.end=e.typeAnnotation.end,this.options.locations&&(e.loc.end=e.typeAnnotation.loc.end)),e}parseMaybeDefault(e,t,n){return n||(n=this.parseBindingAtom(),this.eat(i.question)&&(n.optional=!0),this.eat(i.colon)&&(n.typeAnnotation=this.parseTSTypeAnnotation(!1),n.end=n.typeAnnotation.end,this.options.locations&&(n.loc.end=n.typeAnnotation.loc.end))),super.parseMaybeDefault(e,t,n)}parseMaybeAssign(e,t,n){let a=super.parseMaybeAssign(e,t,n);return a=this._parseMaybeTSExpression(a),a}parseFunctionParams(e){return e.typeParameters=this.parseMaybeTSTypeParameterDeclaration(),super.parseFunctionParams(e)}parseFunctionBody(e,t){this.eat(i.colon)&&(e.returnType=this.parseTSTypeAnnotation(!1)),super.parseFunctionBody(e,t)}parseParenAndDistinguishExpression(e){let t,n=this.start,a=this.startLoc,s=this.options.ecmaVersion>=8;if(this.options.ecmaVersion>=6){this.next();let l,r=this.start,c=this.startLoc,p=[],d=!0,m=!1,u=new o,x=this.yieldPos,h=this.awaitPos;for(this.yieldPos=0,this.awaitPos=0;this.type!==i.parenR;){if(d?d=!1:this.expect(i.comma),s&&this.afterTrailingComma(i.parenR,!0)){m=!0;break}if(this.type===i.ellipsis){l=this.start,p.push(this.parseParenItem(this.parseRestBinding())),this.type===i.comma&&this.raise(this.start,"Comma is not permitted after the rest element");break}p.push(this.parseMaybeAssign(!1,u,this.parseParenItem)),this.type===i.colon&&this.parseTSTypeAnnotation()}let g=this.start,b=this.startLoc;if(this.expect(i.parenR),e&&!this.canInsertSemicolon()){const e=this._branch();try{e.parseTSTypeAnnotation()&&e.eat(i.arrow)&&this.parseTSTypeAnnotation()}catch{}if(this.eat(i.arrow))return this.checkPatternErrors(u,!1),this.checkYieldAwaitInDefaultParams(),this.yieldPos=x,this.awaitPos=h,this.parseParenArrowList(n,a,p)}p.length&&!m||this.unexpected(this.lastTokStart),l&&this.unexpected(l),this.checkExpressionErrors(u,!0),this.yieldPos=x||this.yieldPos,this.awaitPos=h||this.awaitPos,p.length>1?(t=this.startNodeAt(r,c),t.expressions=p,this.finishNodeAt(t,"SequenceExpression",g,b)):t=p[0]}else t=this.parseParenExpression();if(this.options.preserveParens){let e=this.startNodeAt(n,a);return e.expression=t,this.finishNode(e,"ParenthesizedExpression")}return t}parseSubscript(e){const t=this._branch();if(this._isStartOfTypeParameters())try{t.parseTSTypeParameterInstantiation()&&t.eat(i.parenL)&&(e.typeParameters=this.parseTSTypeParameterInstantiation())}catch{}return super.parseSubscript.apply(this,arguments)}parseExpression(){const e=this.type===i.parenL,t=e?this.start:-1;let n=super.parseExpression();return e?(n.extra={parenthesized:e,parenStart:t},n):(n=this._parseMaybeTSExpression(n),n)}parseParenItem(e){return e=super.parseParenItem(e),e=this._parseMaybeTSExpression(e)}parseClass(e,t){this.next();const n=this.strict;this.strict=!0,this.parseClassId(e,t),this.parseClassSuper(e);const a=this.enterClassBody(),o=this.startNode();let s=!1;for(o.body=[],this.parseMaybeTSTypeParameterInstantiation(),this.expect(i.braceL);this.type!==i.braceR;){const t=this.parseClassElement(null!==e.superClass);t&&(o.body.push(t),"MethodDefinition"===t.type&&"constructor"===t.kind?(s&&this.raise(t.start,"Duplicate constructor in the same class"),s=!0):"PrivateIdentifier"===t.key.type&&isPrivateNameConflicted(a,t)&&this.raiseRecoverable(t.key.start,`Identifier '#${t.key.name}' has already been declared`))}return this.strict=n,this.next(),e.body=this.finishNode(o,"ClassBody"),this.exitClassBody(),this.finishNode(e,t?"ClassDeclaration":"ClassExpression")}parseTSTypeAnnotation(e=!0){e&&this.expect(i.colon);const t=this.startNodeAt(this.lastTokStart,this.lastTokStartLoc);return this._parseTSTypeAnnotation(t),this.finishNode(t,"TSTypeAnnotation")}_parseTSType(){const e=this._parseNonConditionalType();return this.type!==i._extends||this._hasPrecedingLineBreak()?e:this.parseTSConditionalType(e)}_parseTSTypeAnnotation(e){e.typeAnnotation=this._parseTSType()}_parsePrimaryType(){let e;switch(this.type){case i.name:e=this.value in s?this.parseTSPredefinedType():this.parseTSTypeReference();break;case i.braceL:e=this.parseTSTypeLiteral();break;case i._void:case i._null:e=this.parseTSPredefinedType();break;case i.parenL:e=this.parseTSParenthesizedType();break;case i.bracketL:e=this.parseTSTupleType();break;case i.num:case i.string:case i._true:case i._false:e=this.parseTSLiteralType(this.type);break;case i._import:e=this.parseTSImportType(!1);break;default:return}return this.type===i.bracketL&&(e=this._parseMaybeTSArrayType(e)),e}_parseNonConditionalType(){let e;switch(this.type){case i.name:switch(r[this.value]){case r.infer:e=this.parseTSInferType();break;case r.keyof:e=this.parseTSKeyofType();break;default:e=this._parseTSUnionTypeOrIntersectionType()}break;case i._new:e=this.parseTSConstructorType();break;case i.parenL:const t=this.tsPreparePreview(),n=this._isStartOfTSFunctionType();t(),e=n?this.parseTSFunctionType():this.parseTSParenthesizedType();break;case i.relational:e=this._isStartOfTypeParameters()?this.parseTSFunctionType():this.unexpected();break;case i._typeof:e=this.parseTSTypeofType();break;default:e=this._parseTSUnionTypeOrIntersectionType()}return e||this.unexpected()}_parseTSDeclaration(e,t){switch(l[t.name]){case l.interface:if(this.t

1ype===i.name)return this.parseTSInterfaceDeclaration();break;case l.type:if(this.type===i.name)return this.parseTSTypeAliasDeclaration()}return super.parseExpressionStatement(e,t)}parseTSTypeReference(){const e=this.startNode();let t=this.parseIdent();return this.type===i.dot&&(t=this.parseTSQualifiedName(t)),e.typeName=t,this._isStartOfTypeParameters()&&(e.typeParameters=this.parseTSTypeParameterInstantiation()),this.finishNode(e,"TSTypeReference"),e}parseTSPredefinedType(){const e=this.startNode(),t=this.value;return this.next(),this.finishNode(e,s[t]),e}parseTSLiteralType(e){const t=this.startNode(),n=this.parseLiteral(this.value);return e!==i._true&&e!==i._false||(n.value=e===i._true),t.literal=n,this.finishNode(t,"TSLiteralType")}parseTSTupleType(){const e=this.startNode(),t=[];this.eat(i.bracketL);let n=!0;for(;!this.eat(i.bracketR);)switch(n?n=!1:this.expect(i.comma),this.type){case i.name:const e=this.parseTSTypeReference();this.type===i.question?t.push(this.parseTSOptionalType(e)):t.push(e);break;case i.ellipsis:t.push(this.parseTSRestType());break;case i.bracketR:break;default:this.unexpected()}return e.elementTypes=t,this.finishNode(e,"TSTupleType")}parseTSOptionalType(e){const t=this.startNodeAt(this.lastTokStart,this.lastTokStartLoc);return this.expect(i.question),t.typeAnnotation=e,this.finishNode(t,"TSOptionalType")}parseTSRestType(){const e=this.startNode();return this.expect(i.ellipsis),this._parseTSTypeAnnotation(e),this.finishNode(e,"TSRestType")}_parseMaybeTSArrayType(e){const t=this.startNodeAtNode(e);return this.expect(i.bracketL),this.eat(i.bracketR)?this.parseTSArrayType(t,e):this.parseTSIndexedAccessType(t,e)}parseTSArrayType(e,t){return e.elementType=t,this.finishNode(e,"TSArrayType")}parseTSIndexedAccessType(e,t){return e.objectType=t,e.indexType=this._parseTSType(),this.expect(i.bracketR),this.type===i.bracketL?this._parseMaybeTSArrayType(e,t):this.finishNode(e,"TSIndexedAccessType")}_isStartOfTSFunctionType(){switch(this.nextToken(),this.type){case i.parenR:case i.ellipsis:return!0;case i.name:case i._this:switch(this.nextToken(),this.type){case i.colon:case i.comma:case i.question:return!0;case i.parenR:return this.nextToken(),this.type===i.arrow;default:return!1}case i.braceL:case i.bracketL:switch(this.type===i.braceL?this.parseObj(!0):this.parseBindingAtom(),this.type){case i.colon:case i.comma:case i.question:return!0;case i.parenR:return this.nextToken(),this.type===i.arrow;default:return!1}default:return!1}}parseTSFunctionType(){const e=this.startNode(),t=Object.create(null);return e.typeParameters=this.parseMaybeTSTypeParameterDeclaration(),this.parseFunctionParams(t),e.parameters=t.params,this.expect(i.arrow),e.typeAnnotation=this.parseTSTypeAnnotation(!1),this.finishNode(e,"TSFunctionType")}parseTSParenthesizedType(){const e=this.startNode();return this.expect(i.parenL),this._parseTSTypeAnnotation(e),this.expect(i.parenR),this.eat(i.bracketL)&&this.expect(i.bracketR),this.finishNode(e,"TSParenthesizedType")}parseTSUnionType(e){const t=e?this.startNodeAtNode(e):this.startNode(),n=[];for(e&&n.push(e);this.eat(i.bitwiseOR);)n.push(this._parseTSIntersectionTypeOrPrimaryType());return 1===n.length?e:(t.types=n,this.finishNode(t,"TSUnionType"))}parseTSIntersectionType(e){const t=e?this.startNodeAtNode(e):this.startNode(),n=[];for(e&&n.push(e);this.eat(i.bitwiseAND);)n.push(this._parsePrimaryType());return 1===n.length?e:(t.types=n,this.finishNode(t,"TSIntersectionType"))}_parseTSIntersectionTypeOrPrimaryType(){this.eat(i.bitwiseAND);const e=this._parsePrimaryType();return this.type===i.bitwiseAND?this.parseTSIntersectionType(e):e}_parseTSUnionTypeOrIntersectionType(){this.eat(i.bitwiseOR);const e=this._parseTSIntersectionTypeOrPrimaryType();return this.type===i.bitwiseOR?this.parseTSUnionType(e):e}parseTSConditionalType(e){const t=this.startNodeAtNode(e);return t.checkType=e,this.expect(i._extends),t.extendsType=this._parseNonConditionalType(),this.expect(i.question),t.trueType=this._parseNonConditionalType(),this.expect(i.colon),t.falseType=this._parseNonConditionalType(),this.finishNode(t,"TSConditionalType")}parseTSInferType(){const e=this.startNode();return this.next(),e.typeParameter=this.parseTSTypeParameter(),this.finishNode(e,"TSInferType")}parseTSKeyofType(){const e=this.startNode();return this.next(),e.typeAnnotation=this.parseTSTypeAnnotation(!1),this.finishNode(e,"TSTypeOperator")}parseTSTypeQuery(){const e=this.startNode();return this.next(),e.exprName=this.parseIdent(),this.finishNode(e,"TSTypeQuery")}parseTSTypeofType(){const e=this.parseTSTypeQuery();if(this.eat(i.bracketL)){const t=this.startNode();return this.parseTSIndexedAccessType(t,e)}return e}parseTSImportType(e){const t=this.startNode();if(t.isTypeOf=e,this.expect(i._import),this.expect(i.parenL),t.parameter=this.parseTSLiteralType(this.type),this.expect(i.parenR),this.eat(i.dot)){let e=this.parseIdent();this.type===i.dot&&(e=this.parseTSQualifiedName(e)),t.qualifier=e}return this.finishNode(t,"TSImportType")}parseTSQualifiedName(e){let t=this.startNodeAtNode(e);return t.left=e,this.expect(i.dot),t.right=this.parseIdent(),t=this.finishNode(t,"TSQualifiedName"),this.type===i.dot&&(t=this.parseTSQualifiedName(t)),t}parseTSConstructorType(){const e=this.startNode();return this.expect(i._new),e.typeParameters=this.parseMaybeTSTypeParameterDeclaration(),this.expect(i.parenL),e.parameters=this.parseBindingList(i.parenR,!1,this.options.ecmaVersion>=8),this.expect(i.arrow),e.typeAnnotation=this.parseTSTypeAnnotation(!1),this.finishNode(e,"TSConstructorType")}parseTSConstructSignatureDeclaration(){const e=this.startNode();return this.expect(i._new),e.typeParameters=this.parseMaybeTSTypeParameterDeclaration(),this.expect(i.parenL),e.parameters=this.parseBindingList(i.parenR,!1,this.options.ecmaVersion>=8),this.eat(i.colon)&&(e.typeAnnotation=this.parseTSTypeAnnotation(!1)),this.finishNode(e,"TSConstructSignatureDeclaration")}parseTSTypeLiteral(){return this._parseObjectLikeType("TSTypeLiteral","members")}parseTSTypeAliasDeclaration(){const e=this.startNodeAt(this.lastTokStart,this.lastTokStartLoc);return e.id=this.parseIdent(),e.typeParameters=this.parseMaybeTSTypeParameterDeclaration(),this.expect(i.eq),this._parseTSTypeAnnotation(e),this.semicolon(),this.finishNode(e,"TSTypeAliasDeclaration")}parseTSInterfaceDeclaration(){const e=this.startNodeAt(this.lastTokStart,this.lastTokStartLoc);if(e.id=this.parseIdent(),e.typeParameters=this.parseMaybeTSTypeParameterDeclaration(),this.eat(i._extends)){const t=[];do{t.push(this.parseTSExpressionWithTypeArguments())}while(this.eat(i.comma));e.heritage=t}return e.body=this._parseObjectLikeType("TSInterfaceBody","body"),this.semicolon(),this.finishNode(e,"TSInterfaceDeclaration")}parseTSExpressionWithTypeArguments(){const e=this.startNode();let t=this.parseIdent();if(this.eat(i.dot)&&(t=this.parseTSQualifiedName(t)),e.expr=t,this._isStartOfTypeParameters()){const t=this.parseTSTypeParameterInstantiation();e.typeParameters=t,e.end=t.end,this.options.locations&&(e.loc.end=t.loc.end)}return this.finishNode(e,"TSExpressionWithTypeArguments")}parseTSTypeParameter(){const e=this.startNode();return this.type===i.name?(e.name=this.value,this.next()):this.unexpected(),this.eat(i._extends)&&(e.constraint=this._parseTSType()),this.eat(i.eq)&&(e.default=this._parseTSType()),this.finishNode(e,"TSTypeParameter")}parseMaybeTSTypeParameterDeclaration(){if(this._isStartOfTypeParameters()){const e=this.startNode(),t=[];let n=!0;for(this.next();!this.eat(i.relational)&&(n?n=!1:this.expect(i.comma),!this._isEndOfTypeParameters());)t.push(this.parseTSTypeParameter());return e.params=t,this.finishNode(e,"TSTypeParameterDeclaration")}}parseTSTypeParameterInstantiation(){const e=this.startNode(),t=[];this.next();let n=!0;for(;this.value&&!this._isEndOfTypeParameters()||this.type===i.comma;)n?n=!1:this.expect(i.comma),t.push(this._parseTSType());return this._isEndOfTypeParameters()&&this.next(),e.params=t,this.finishNode(e,"TSTypeParameterInstantiation")}parseMaybeTSTypeParameterInstantiation(){if(this._isStartOfTypeParameters())return this.parseTSTypeParameterInstantiation()}_parseObjectLikeType(e,t){const n=this.startNode();this.expect(i.braceL);const a=[];for(;!this.eat(i.braceR);)switch(this.type){case i.name:const e=this.parseIdent();switch(this.type){case i.parenL:case i.relational:a.push(this.parseTSMethodSignature(e));break;case i.colon:case i.semi:case i.comma:case i.braceR:case i.question:a.push(this.parseTSPropertySignature(e));break;default:if(this._hasPrecedingLineBreak()){a.push(this.parseTSPropertySignature(e));continue}this.unexpected()}break;case i.bracketL:const t=this.tsPreparePreview();if(this.nextToken(),this.type===i.name)switch(this.nextToken(),this.type){case i.colon:t(),a.push(this.parseTSIndexSignature());break;case i._in:if(0===a.length)return t(),this.parseTSMappedType();t(),a.push(this.parseTSPropertySignature(null,!0));break;default:t(),a.push(this.parseTSPropertySignature(null,!0))}else t(),a.push(this.parseTSPropertySignature(null,!0));break;case i._new:a.push(this.parseTSConstructSignatureDeclaration());break;default:this.unexpected()}return n[t]=a,this.finishNode(n,e)}parseTSMethodSignature(e){const t=this.startNodeAtNode(e);return t.key=e,this.eat(i.question)&&(t.optional=!0),t.typeParameters=this.parseMaybeTSTypeParameterDeclaration(),this.expect(i.parenL),t.parameters=this.parseBindingList(i.parenR,!1,this.options.ecmaVersion>=8),this.type===i.colon&&(t.typeAnnotation=this.parseTSTypeAnnotation(!0)),this.eat(i.comma)||this.eat(i.semi),this.finishNode(t,"TSMethodSignature")}

1parseTSPropertySignature(e,t=!1){let n;return t?(n=this.startNode(),this.expect(i.bracketL),n.key=this.parseExpression(),this.expect(i.bracketR)):(n=this.startNodeAtNode(e),n.key=e),n.computed=t,this.eat(i.question)&&(n.optional=!0),this.type===i.colon&&(n.typeAnnotation=this.parseTSTypeAnnotation(!0)),this.eat(i.comma)||this.eat(i.semi),this.finishNode(n,"TSPropertySignature")}parseTSIndexSignature(){const e=this.startNode();this.expect(i.bracketL);const t=this.parseIdent();return t.typeAnnotation=this.parseTSTypeAnnotation(!0),t.end=t.typeAnnotation.end,this.options.locations&&(t.loc.end=t.typeAnnotation.loc.end),e.index=t,this.expect(i.bracketR),e.typeAnnotation=this.parseTSTypeAnnotation(!0),this.eat(i.comma)||this.eat(i.semi),this.finishNode(e,"TSIndexSignature")}parseTSMappedType(){const e=this.startNodeAt(this.lastTokStart,this.lastTokStartLoc);return this.expect(i.bracketL),e.typeParameter=this._parseTSTypeParameterInTSMappedType(),this.expect(i.bracketR),this.eat(i.question)&&(e.optional=!0),this.type===i.colon&&(e.typeAnnotation=this.parseTSTypeAnnotation(!0)),this.semicolon(),this.expect(i.braceR),this.finishNode(e,"TSMappedType")}_parseTSTypeParameterInTSMappedType(){const e=this.startNode();return this.type===i.name?(e.name=this.value,this.next()):this.unexpected(),this.expect(i._in),e.constraint=this._parseNonConditionalType(),this.finishNode(e,"TSTypeParameter")}_parseMaybeTSExpression(e){return this.type===i.prefix&&c[this.value]===c["!"]&&(e=this.parseTSNonNullExpression(e)),this.type===i.name&&c[this.value]===c.as&&(e=this.parseTSAsExpression(e)),e}parseTSAsExpression(e){let t=e;for(;this.type===i.name&&c[this.value]===c.as;){const e=this.startNodeAtNode(t);this.next(),e.expression=t,this._parseTSTypeAnnotation(e),t=this.finishNode(e,"TSAsExpression")}return e}parseTSNonNullExpression(e){let t=e;for(;this.type===i.prefix&&c[this.value]===c["!"];){const e=this.startNodeAtNode(t);e.expression=t,this.next(),t=this.finishNode(e,"TSNonNullExpression")}return t}}},62672:(e,t,n)=>{const{Parser:a}=n(71514),i=n(36919),o=n(19091),s=n(49900),l=n(78157),r=a.extend(l,i(),s,o);e.exports={parse:e=>r.parse(e,{ecmaVersion:2020,sourceType:"module",allowReturnOutsideFunction:!0})}},73858:(e,t,n)=>{const{parse:a}=n(62672),{convertToReactComponent:i,convertToJSX:o}=n(44881);e.exports={parse:a,convertToReactComponent:i,convertToJSX:o}},44881:(e,t,n)=>{const{generate:a,baseGenerator:i}=n(26584),{parse:o}=n(62672),s={...i,TSTypeAnnotation(){},TSTypeReference(){},TSLiteralType(){},TSTupleType(){},TSOptionalType(){},TSRestType(){},TSArrayType(){},TSIndexedAccessType(){},TSFunctionType(){},TSParenthesizedType(){},TSUnionType(){},TSIntersectionType(){},TSConditionalType(){},TSInferType(){},TSImportType(){},TSQualifiedName(){},TSConstructorType(){},TSConstructSignatureDeclaration(){},TSTypeLiteral(){},TSTypeAliasDeclaration(){},TSInterfaceBody(){},TSInterfaceDeclaration(){},TSExpressionWithTypeArguments(){},TSTypeParameter(){},TSTypeParameterDeclaration(){},TSTypeParameterInstantiation(){},TSMethodSignature(){},TSPropertySignature(){},TSIndexSignature(){},TSMappedType(){},TSTypeParameter(){},TSAsExpression(){},TSNonNullExpression(){},FieldDefinition(e,t){this[e.key.type](e.key,t),t.write(" = "),this[e.value.type](e.value,t),t.write(";")},PropertyDefinition(e,t){this.FieldDefinition(e,t)}},l={...s,JSXElement(e,t){t.write("React.createElement("),this.JSXOpeningElement(e.openingElement,t);for(var n=0;n<e.children.length;n++){var a=e.children[n];"JSXText"!==a.type&&t.write(","),this[a.type](a,t)}t.write(")")},JSXOpeningElement(e,t){this[e.name.type](e.name,t,e.name.name&&e.name.name[0]===e.name.name[0].toLowerCase()),t.write(",{");for(var n=0;n<e.attributes.length;n++){var a=e.attributes[n];this[a.type](a,t),n!==e.attributes.length-1&&t.write(",")}t.write("}")},JSXIdentifier(e,t,n){n?t.write(JSON.stringify(e.name)):t.write(e.name)},JSXMemberExpression(e,t){this[e.object.type](e.object,t),t.write("."),this[e.property.type](e.property,t)},JSXAttribute(e,t){this[e.name.type](e.name,t,!0),t.write(":"),e.value?this[e.value.type](e.value,t):t.write("true")},JSXExpressionContainer(e,t){this[e.expression.type](e.expression,t)},JSXText(e,t){""===e.value.trim()&&(e.value=null),e.value&&(t.write(',"'),t.write(e.value.replace(/"/g,'\\"').replace(/\n\s*/g," ")),t.write('"'))},JSXSpreadAttribute(e,t){t.write("...("),"LogicalExpression"===e.argument.type?(this[e.argument.left.type](e.argument.left,t),t.write(" "),t.write(e.argument.operator),t.write(" "),this[e.argument.right.type](e.argument.right,t)):this[e.argument.type](e.argument,t),t.write(")")},JSXFragment(e,t){this.JSXElement({openingElement:{attributes:[],name:{type:"JSXIdentifier",name:"React.Fragment"}},children:e.children},t)},JSXEmptyExpression(e,t){t.write("null")}},r={...s,JSXElement(e,t){if(t.write("<"),this[e.openingElement.type](e.openingElement,t),e.closingElement){t.write(">");for(var n=0;n<e.children.length;n++){var a=e.children[n];this[a.type](a,t)}t.write("</"),this[e.closingElement.type](e.closingElement,t),t.write(">")}else t.write(" />")},JSXOpeningElement(e,t){this[e.name.type](e.name,t);for(var n=0;n<e.attributes.length;n++){var a=e.attributes[n];this[a.type](a,t)}},JSXClosingElement(e,t){this[e.name.type](e.name,t)},JSXIdentifier(e,t){t.write(e.name)}

1,JSXMemberExpression(e,t){this[e.object.type](e.object,t),t.write("."),this[e.property.type](e.property,t)},JSXAttribute(e,t){t.write(" "),this[e.name.type](e.name,t),e.value&&(t.write("="),this[e.value.type](e.value,t))},JSXNamespacedName(e,t){this[e.namespace.type](e.namespace,t),t.write(":"),this[e.name.type](e.name,t)},JSXExpressionContainer(e,t){t.write("{"),this[e.expression.type](e.expression,t),t.write("}")},JSXText(e,t){t.write(e.value)},JSXSpreadAttribute(e,t){t.write(" {..."),"LogicalExpression"===e.argument.type?(t.write("("),this[e.argument.left.type](e.argument.left,t),t.write(` ${e.argument.operator} `),this[e.argument.right.type](e.argument.right,t),t.write(")")):this[e.argument.type](e.argument,t),t.write("}")},JSXFragment(e,t){this.JSXElement({openingElement:{attributes:[],name:{type:"JSXIdentifier",name:""},type:"JSXOpeningElement"},closingElement:{attributes:[],name:{type:"JSXIdentifier",name:""},type:"JSXClosingElement"},children:e.children},t)},JSXEmptyExpression(e,t){t.write("{}")}};e.exports={convertToReactComponent:function(e){const t=o(e);t.body=t.body.filter((e=>!["ImportDeclaration","ExportAllDeclaration"].includes(e.type)));for(let e=0;e<t.body.length;e++)["ExportNamedDeclaration","ExportDefaultDeclaration"].includes(t.body[e].type)&&(t.body[e]=t.body[e].declaration);let n=t.body[t.body.length-1];if("VariableDeclaration"===n.type){const{declarations:e}=n;if(1!==e.length)throw new Error("The last example variable declaration must be a single expression.");const t=e[0];n={type:"ExpressionStatement",expression:{type:"AssignmentExpression",operator:"=",left:t.id,right:t.init}}}return"ExpressionStatement"===n.type&&"JSXElement"===n.expression.type?t.body=[{type:"ReturnStatement",argument:{type:"FunctionDeclaration",id:{type:"Identifier",name:"PreviewComponent"},body:{type:"BlockStatement",body:[...t.body.slice(0,t.body.length-1),{type:"ReturnStatement",argument:n}]}}}]:t.body=[...t.body.slice(0,t.body.length-1),{type:"ReturnStatement",argument:n}],{code:e=a(t,{generator:l}).trim(),hasTS:"ts"===t.sourceType}},convertToJSX:function(e){const t=o(e);return{code:e=a(t,{generator:r}).trim(),hasTS:!1}}}},51818:e=>{"use strict";e.exports=JSON.parse('{"Releases":[{"name":"6.2.0","date":"2024-12-17","latest":true,"versions":{"@patternfly/patternfly":"6.2.0-prerelease.26","@patternfly/react-catalog-view-extension":"6.1.0-prerelease.4","@patternfly/react-charts":"8.2.0-prerelease.26","@patternfly/react-code-editor":"6.2.0-prerelease.36","@patternfly/react-component-groups":"6.2.0-prerelease.7","@patternfly/react-core":"6.2.0-prerelease.34","@patternfly/react-drag-drop":"6.2.0-prerelease.36","@patternfly/react-icons":"6.2.0-prerelease.12","@patternfly/react-log-viewer":"6.1.0-prerelease.2","@patternfly/react-styles":"6.2.0-prerelease.11","@patternfly/react-table":"6.2.0-prerelease.35","@patternfly/react-tokens":"6.2.0-prerelease.11","@patternfly/react-topology":"6.2.0-prerelease.6","@patternfly/react-user-feedback":"6.1.0-prerelease.2","@patternfly/react-console":"6.0.0","@patternfly/quickstarts":"6.2.0-prerelease.7","@patternfly/react-virtualized-extension":"6.0.0","@patternfly/react-templates":"6.2.0-prerelease.35","@patternfly/chatbot":"2.2.0-prerelease.37","@patternfly/data-view":"6.1.0"}},{"name":"6.1.0","date":"2024-12-17","hidden":true,"versions":{"@patternfly/patternfly":"6.1.0","@patternfly/react-catalog-view-extension":"6.0.0","@patternfly/react-charts":"8.1.0","@patternfly/react-code-editor":"6.1.0","@patternfly/react-component-groups":"6.1.0","@patternfly/react-core":"6.1.0","@patternfly/react-drag-drop":"6.1.0","@patternfly/react-icons":"6.1.0","@patternfly/react-log-viewer":"6.1.0","@patternfly/react-styles":"6.1.0","@patternfly/react-table":"6.1.0","@patternfly/react-tokens":"6.1.0","@patternfly/react-topology":"6.1.0","@patternfly/react-user-feedback":"6.0.0","@patternfly/react-console":"6.0.0","@patternfly/quickstarts":"6.1.0","@patternfly/react-virtualized-extension":"6.0.0","@patternfly/react-templates":"6.1.0","@patternfly/chatbot":"2.1.0","@patternfly/data-view":"6.1.0"}},{"name":"6.0.0","date":"2024-10-30","hidden":true,"versions":{"@patternfly/patternfly":"6.0.0","@patternfly/react-catalog-view-extension":"6.0.0","@patternfly/react-charts":"8.0.0","@patternfly/react-code-editor":"6.0.0","@patternfly/react-component-groups":"6.0.0","@patternfly/react-core":"6.0.0","@patternfly/react-drag-drop":"6.0.0","@patternfly/react-icons":"6.0.0","@patternfly/react-log-viewer":"6.0.0","@patternfly/react-styles":"6.0.0","@patternfly/react-table":"6.0.0","@patternfly/react-tokens":"6.0.0","@patternfly/react-topology":"6.0.1","@patternfly/react-user-feedback":"6.0.0","@patternfly/react-console":"

16.0.0","@patternfly/quickstarts":"6.0.0","@patternfly/react-virtualized-extension":"6.0.0","@patternfly/react-templates":"6.0.0","@patternfly/virtual-assistant":"2.0.2"}},{"name":"prerelease","date":"2024-10-08","hidden":true,"versions":{"@patternfly/patternfly":"6.0.0-prerelease.15","@patternfly/react-catalog-view-extension":"6.0.0-prerelease.1","@patternfly/react-charts":"8.0.0-prerelease.14","@patternfly/react-code-editor":"6.0.0-prerelease.21","@patternfly/react-component-groups":"6.0.0-prerelease.4","@patternfly/react-core":"6.0.0-prerelease.21","@patternfly/react-drag-drop":"6.0.0-prerelease.21","@patternfly/react-icons":"6.0.0-prerelease.7","@patternfly/react-log-viewer":"6.0.0-prerelease.1","@patternfly/react-styles":"6.0.0-prerelease.6","@patternfly/react-table":"6.0.0-prerelease.22","@patternfly/react-tokens":"6.0.0-prerelease.7","@patternfly/react-topology":"6.0.0-prerelease.2","@patternfly/react-user-feedback":"6.0.0-prerelease.2","@patternfly/react-console":"6.0.0-prerelease.2","@patternfly/quickstarts":"6.0.0-prerelease.2","@patternfly/react-virtualized-extension":"6.0.0-prerelease.4","@patternfly/react-templates":"6.0.0-prerelease.21"}},{"name":"5.4.1","date":"2024-09-30","hidden":true,"versions":{"@patternfly/patternfly":"5.4.1","@patternfly/react-charts":"7.4.3","@patternfly/react-code-editor":"5.4.3","@patternfly/react-core":"5.4.1","@patternfly/react-icons":"5.4.0","@patternfly/react-styles":"5.4.0","@patternfly/react-table":"5.4.1","@patternfly/react-drag-drop":"5.4.1","@patternfly/react-tokens":"5.4.0","@patternfly/react-catalog-view-extension":"5.0.0","@patternfly/react-component-groups":"5.1.0","@patternfly/react-console":"5.1.0","@patternfly/react-log-viewer":"5.3.0","@patternfly/react-topology":"5.4.0","@patternfly/react-user-feedback":"5.0.0","@patternfly/react-virtualized-extension":"5.0.0","@patternfly/quickstarts":"5.4.0","@patternfly/react-templates":"1.1.1"}},{"name":"5.4.0","date":"2024-08-28","hidden":true,"versions":{"@patternfly/patternfly":"5.4.0","@patternfly/react-charts":"7.4.0","@patternfly/react-code-editor":"5.4.0","@patternfly/react-core":"5.4.0","@patternfly/react-icons":"5.4.0","@patternfly/react-styles":"5.4.0","@patternfly/react-table":"5.4.0","@patternfly/react-drag-drop":"5.4.0","@patternfly/react-tokens":"5.4.0","@patternfly/react-catalog-view-extension":"5.0.0","@patternfly/react-component-groups":"5.1.0","@patternfly/react-console":"5.1.0","@patternfly/react-log-viewer":"5.3.0","@patternfly/react-topology":"5.4.0","@patternfly/react-user-feedback":"5.0.0","@patternfly/react-virtualized-extension":"5.0.0","@patternfly/quickstarts":"5.4.0","@patternfly/react-templates":"1.1.0"}},{"name":"5.3.0","date":"2024-04-02","hidden":true,"versions":{"@patternfly/patternfly":"5.3.1","@patternfly/react-charts":"7.3.1","@patternfly/react-code-editor":"5.3.3","@patternfly/react-core":"5.3.3","@patternfly/react-icons":"5.3.2","@patternfly/react-styles":"5.3.1","@patternfly/react-table":"5.3.3","@patternfly/react-drag-drop":"5.3.3","@patternfly/react-tokens":"5.3.1","@patternfly/react-catalog-view-extension":"5.0.0","@patternfly/react-component-groups":"5.1.0","@patternfly/react-console":"5.0.0","@patternfly/react-log-viewer":"5.2.0","@patternfly/react-topology":"5.3.0","@patternfly/react-user-feedback":"5.0.0","@patternfly/react-virtualized-extension":"5.0.0","@patternfly/quickstarts":"5.3.0","@patternfly/react-templates":"1.0.3"}},{"name":"5.2.2","date":"2024-03-12","hidden":true,"versions":{"@patternfly/patternfly":"5.2.1","@patternfly/react-charts":"7.2.2","@patternfly/react-code-editor":"5.2.2","@patternfly/react-core":"5.2.2","@patternfly/react-icons":"5.2.1","@patternfly/react-styles":"5.2.1","@patternfly/react-table":"5.2.2","@patternfly/react-drag-drop":"5.2.2","@patternfly/react-tokens":"5.2.1","@patternfly/react-catalog-view-extension":"5.0.0","@patternfly/react-component-groups":"5.1.0","@patternfly/react-console":"5.0.0","@patternfly/react-log-viewer":"5.2.0","@patternfly/react-topology":"5.2.1","@patternfly/react-user-feedback":"5.0.0","@patternfly/react-virtualized-extension":"5.0.0","@patternfly/quickstarts":"5.0.0","@patternfly/react-templates":"^1.0.0-alpha.0"}},{"name":"5.2.1","date":"2024-03-01","hidden":true,"versions":{"@patternfly/patternfly":"5.2.1","@patternfly/react-charts":"7.2.2","@patternfly/react-code-editor":"5.2.1","@patternfly/react-core":"5.2.1","@patternfly/react-icons":"5.2.1","@patternfly/react-styles":"5.2.1","@patternfly/react-table":"5.2.1","@patternfly/react-drag-drop":"5.2.1","@patternfly/react-tokens":"5.2.1","@patternfly/react-catalog-view-extension":"5.0.0","@patternfly/react-component-groups":"5.1.0","@patternfly/react-console":"5.0.0","@patternfly/react-log-viewer":"5.2.0","@patternfly/react-topology":"5.2.1","@patternfly/react-user-feedback":"5.0.0","@patternfly/react-virtualized-extension":"5.0.0","@patternfly/quickstarts":"5.0.0","@patternfly/react-templates":"^1.0.0-alpha.0"}},{"name":"5.2.0","date":"2024-01-17","hidden":true,"versions":{"@patternfly/patternfly":"5.2.0","@patternfly/react-charts":"7.2.0","@patternfly/react-code-editor":"5.2.0","@patternfly/react-core":"5.2.0","@patternfly/react-icons":"5.2.0","@patternfly/react-styles":"5.2.0","@patternfly/react-table":"5.2.0","@patternfly/react-drag-drop":"5.2.0","@patternfly/react-tokens":"5.2.0","@patternfly/react-catalog-view-extension":"5.0.0","@patternfly/react-component-groups":"5.1.0","@patternfly/react-console":"5.0.0","@patternfly/react-log-viewer":"5.2.0","@patternfly/react-topology":"5.2.1","@patternfly/react-user-feedback":"5.0.0","@patternfly/react-virtualized-extension":"5.0.0","@patternfly/quickstarts":"5.0.0"}},{"name":"5.1.0","date":"2023-10-06","hidden":true,"versions":{"@patternfly/patternfly":"5.1.0","@patternfly/react-charts":"7.1.1","@patternfly/react-code-editor":"5.1.1","@patternfly/react-core":"5.1.1","@patternfly/react-icons":"5.1.1","@patternfly/react-styles":"5.1.1","@patternfly/react-table":"5.1.1","@patternfly/react-drag-drop":"5.0.0-alpha.0","@patternfly/react-tokens":"5.1.1","@patternfly/react-catalog-view-extension":"5.0.0","@patternfly/react-component-groups":"5.0.0","@patternfly/react-console":"5.0.0","@patternfly/react-log-viewer":"5.0.0","@patternfly/react-topology":"5.1.0","@patternfly/react-user-feedback":"5.0.0","@patternfly/react-virtualized-extension":"5.0.0","@patternfly/quickstarts":"5.0.0"}},{"name":"5.0.0","date":"2023-07-27","hidden":true,"versions":{"@patternfly/patternfly":"5.0.2","@patternfly/react-charts":"7.0.0","@patternfly/react-code-editor":"5.0.0","@patternfly/react-core":"5.0.0","@patternfly/react-icons":"5.0.0","@patternfly/react-styles":"5.0.0","@patternfly/react-table":"5.0.0","@patternfly/react-drag-drop":"5.0.0-alpha.0","@patternfly/react-tokens":"5.0.0","@patternfly/react-catalog-view-extension":"5.0.0","@patternfly/react-console":"5.0.0","@patternfly/react-log-viewer":"5.0.0","@patternfly/react-topology":"5.0.0","@patternfly/react-user-feedback":"5.0.0","@patternfly/react-virtualized-extension":"5.0.0","@patternfly/quickstarts":"5.0.0"}},{"name":"2023.02","date":"2022-03-27","hidden":true,"versions":{"@patternfly/patternfly":"4.224.4","@patternfly/react-catalog-view-extension":"4.96.0","@patternfly/react-charts":"6.94.19","@patternfly/react-code-editor":"4.82.115","@patternfly/react-console":"4.95.5","@patternfly/react-core":"4.276.8","@patternfly/react-icons":"4.93.6","@patternfly/react-inline-edit-extension":"4.86.122","@patternfly/react-log-viewer":"4.87.100","@patternfly/react-styles":"4.92.6","@patternfly/react-table":"4.113.0","@patternfly/react-tokens":"4.94.6","@patternfly/react-topology":"4.91.40","@patternfly/react-virtualized-extension":"4.88.115"}},{"name":"2023.01","date":"2022-01-31","hidden":true,"versions":{"@patternfly/patternfly":"4.224.2","@patternfly/react-catalog-view-extension":"4.95.1","@patternfly/react-charts":"6.94.18","@patternfly/react-code-editor":"4.82.113","@patternfly/react-core":"4.276.6","@patternfly/react-icons":"4.93.6","@patternfly/react-inline-edit-extension":"4.86.118","@patternfly/react-log-viewer":"4.87.100","@patternfly/react-styles":"4.92.6","@patternfly/react-table":"4.112.39","@patternfly/react-tokens":"4.94.6","@patternfly/react-topology":"4.91.27","@patternfly/react-virtualized-extension":"4.88.113"}},{"name":"2022.16","date":"2022-12-15","hidden":true,"versions":{"@patternfly/patternfly":"4.222.4","@patternfly/react-catalog-view-extension":"4.93.15","@patternfly/react-charts":"6.94.15","@patternfly/react-code-editor":"4.82.82","@patternfly/react-core":"4.267.6","@patternfly/react-icons":"4.93.3","@patternfly/react-inline-edit-extension":"4.86.85","@patternfly/react-log-viewer":"4.87.77","@patternfly/react-styles":"4.92.3","@patternfly/react-table":"4.112.6","@patternfly/react-tokens":"4.94.3","@patternfly/react-topology":"4.90.38","@patternfly/react-virtualized-extension":"4.88.82"}},{"name":"2022.15","date":"2022-11-21","hidden":true,"versions":{"@patternfly/patternfly":"4.221.2","@patternfly/react-catalog-view-extension":"4.93.0","@patternfly/react-charts":"6.94.12","@patternfly/react-code-editor":"4.82.67","@patternfly/react-core":"4.264.0","@patternfly/react-icons":"4.93.0","@patternfly/react-inline-edit-extension":"4.86.68","@patternfly/react-log-viewer":"4.87.62","@patternfly/react-styles":"4.92.0","@patternfly/react-table":"4.111.45","@patternfly/react-tokens":"4.94.0","@patternfly/react-topology":"4.90.23","@patternfly/react-virtualized-extension":"4.88.67"}},{"name":"2022.14","date":"2022-11-01","hidden":true,"versions":{"@patternfly/patternfly":"4.219.2","@patternfly/react-catalog-view-extension":"4.92.55","@patternfly/react-charts":"6.94.11","@patternfly/react-code-editor":"4.82.55","@patternfly/react-core":"4.258.3","@patternfly/react-icons":"4.92.10","@patternfly/react-inline-edit-extension":"4.86.56","@patternfly/react-log-viewer":"4.87.50","@patternfly/react-styles":"4.91.10","@patternfly/react-table":"4.111.33","@patternfly/react-tokens":"4.93.10","@patternfly/react-topology":"4.90.11","@patternfly/react-virtualized-extension":"4.88.55"}},{"name":"2022.13","date":"2022-10-11","hidden":true,"versions":{"@patternfly/patternfly":"4.217.1","@patternfly/react-catalog-view-extension":"4.92.26","@patternfly/react-charts":"6.94.7","@patternfly/react-code-editor":"4.82.26","@patternfly/react-core":"4.250.1","@patternfly/react-icons":"4.92.6","@patternfly/react-inline-edit-extension":"4.86.27","@patternfly/react-log-viewer":"4.87.21","@patternfly/react-styles":"4.91.6","@patternfly/react-table":"4.111.4","@patternfly/react-tokens":"4.93.6","@patternfly/react-topology":"4.88.26","@patternfly/react-virtualized-extension":"4.88.26"}},{"name":"2022.12","date":"2022-9-16","hidden":true,"versions":{"@patternfly/patternfly":"4.215.1","@patternfly/react-catalog-view-extension":"4.90.0","@patternfly/react-charts":"6.92.0","@patternfly/react-code-editor":"4.80.0","@patternfly/react-core":"4.239.0","@patternfly/react-icons":"4.90.0","@patternfly/react-inline-edit-extension":"4.84.0","@patternfly/react-log-viewer":"4.84.0","@patternfly/react-styles":"4.89.0","@patternfly/react-table":"4.108.0","@patternfly/react-tokens":"4.91.0","@patternfly/react-topology":"4.86.0","@patternfly/react-virtualized-extension":"4.86.0"}},{"name":"2022.11","date":"2022-8-31","hidden":true,"versions":{"@patternfly/patternfly":"4.210.2","@patternfly/react-catalog-view-extension":"4.86.7","@patternfly/react-charts":"6.88.7","@patternfly/react-code-editor":"4.76.7","@patternfly/react-core":"4.235.7","@patternfly/react-icons":"4.86.7","@patternfly/react-inline-edit-extension":"4.80.7","@patternfly/react-log-viewer":"4.80.7","@patternfly/react-styles":"4.85.7","@patternfly/react-table":"4.104.7","@patternfly/react-tokens":"4.87.7","@patternfly/react-topology":"4.82.7","@patternfly/react-virtualized-extension":"4.82.7"}},{"name":"2022.10","date":"2022-8-16","hidden":true,"versions":{"@patternfly/patternfly":"4.206.3","@patternfly/react-catalog-view-extension":"4.82.8","@patternfly/react-charts":"6.84.8","@patternfly/react-code-editor":"4.72.8","@patternfly/react-core":"4.231.8","@patternfly/react-icons":"4.82.8","@patternfly/react-inline-edit-extension":"4.76.8","@patternfly/react-log-viewer":"4.76.8","@patternfly/react-styles":"4.81.8","@patternfly/react-table":"4.100.8","@patternfly/react-tokens":"4.83.8","@patternfly/react-topology":"4.78.8","@patternfly/react-virtualized-extension":"4.78.8"}},{"name":"2022.08","date":"2022-6-30","hidden":true,"versions":{"@patternfly/patternfly":"4.202.1","@patternfly/react-catalog-view-extension":"4.75.1","@patternfly/react-charts":"6.77.1","@patternfly/react-code-editor":"4.65.1","@patternfly/react-core":"4.224.1","@patternfly/react-icons":"4.75.1","@patternfly/react-inline-edit-extension":"4.69.1","@patternfly/react-log-viewer":"4.69.1","@patternfly/react-styles":"4.74.1","@patternfly/react-table":"4.93.1","@patternfly/react-tokens":"4.76.1","@patternfly/react-topology":"4.71.1","@patternfly/react-virtualized-extension":"4.71.1"}},{"name":"2022.07","date":"2022-6-3","hidden":true,"versions":{"@patternfly/patternfly":"4.196.7","@patternfly/react-catalog-view-extension":"4.72.3","@patternfly/react-charts":"6.74.3","@patternfly/react-code-editor":"4.62.3","@patternfly/react-core":"4.221.3","@patternfly/react-icons":"4.72.3","@patternfly/react-inline-edit-extension":"4.66.3","@patternfly/react-log-viewer":"4.66.3","@patternfly/react-styles":"4.71.3","@patternfly/react-table":"4.90.3","@patternfly/react-tokens":"4.73.3","@patternfly/react-topology":"4.68.3","@patternfly/react-virtualized-extension":"4.68.3"}},{"name":"2022.06","date":"2022-5-13","hidden":true,"versions":{"@patternfly/patternfly":"4.194.4","@patternfly/react-catalog-view-extension":"4.65.1","@patternfly/react-charts":"6.67.1","@patternfly/react-code-editor":"4.55.1","@patternfly/react-core":"4.214.1","@patternfly/react-icons":"4.65.1","@patternfly/react-inline-edit-extension":"4.59.1","@patternfly/react-log-viewer":"4.59.1","@patternfly/react-styles":"4.64.1","@patternfly/react-table":"4.83.1","@patternfly/react-tokens":"4.66.1","@patternfly/react-topology":"4.61.1","@patternfly/react-virtualized-extension":"4.61.1"}},{"name":"2022.05","date":"2022-4-25","hidden":true,"versions":{"@patternfly/patternfly":"4.192.1","@patternfly/react-catalog-view-extension":"4.57.1","@patternfly/react-charts":"6.59.1","@patternfly/react-code-editor":"4.47.1","@patternfly/react-core":"4.206.1","@patternfly/react-icons":"4.57.1","@patternfly/react-inline-edit-extension":"4.51.1","@patternfly/react-log-viewer":"4.51.1","@patternfly/react-styles":"4.56.1","@patternfly/react-table":"4.7

15.1","@patternfly/react-tokens":"4.58.1","@patternfly/react-topology":"4.53.1","@patternfly/react-virtualized-extension":"4.53.1"}},{"name":"2022.04","date":"2022-4-7","hidden":true,"versions":{"@patternfly/patternfly":"4.185.1","@patternfly/react-catalog-view-extension":"4.53.16","@patternfly/react-charts":"6.55.16","@patternfly/react-code-editor":"4.43.16","@patternfly/react-core":"4.202.16","@patternfly/react-icons":"4.53.16","@patternfly/react-inline-edit-extension":"4.47.16","@patternfly/react-log-viewer":"4.47.16","@patternfly/react-styles":"4.52.16","@patternfly/react-table":"4.71.16","@patternfly/react-tokens":"4.54.16","@patternfly/react-topology":"4.49.16","@patternfly/react-virtualized-extension":"4.49.16"}},{"name":"2022.03","date":"2022-3-10","hidden":true,"versions":{"@patternfly/patternfly":"4.183.1","@patternfly/react-catalog-view-extension":"4.49.19","@patternfly/react-charts":"6.51.19","@patternfly/react-code-editor":"4.39.19","@patternfly/react-core":"4.198.19","@patternfly/react-icons":"4.49.19","@patternfly/react-inline-edit-extension":"4.43.19","@patternfly/react-log-viewer":"4.43.19","@patternfly/react-styles":"4.48.19","@patternfly/react-table":"4.67.19","@patternfly/react-tokens":"4.50.19","@patternfly/react-topology":"4.45.19","@patternfly/react-virtualized-extension":"4.45.19"}},{"name":"2022.02","date":"2022-2-22","hidden":true,"versions":{"@patternfly/patternfly":"4.179.1","@patternfly/react-catalog-view-extension":"4.49.5","@patternfly/react-charts":"6.51.5","@patternfly/react-code-editor":"4.39.5","@patternfly/react-core":"4.198.5","@patternfly/react-icons":"4.49.5","@patternfly/react-inline-edit-extension":"4.43.5","@patternfly/react-log-viewer":"4.43.5","@patternfly/react-styles":"4.48.5","@patternfly/react-table":"4.67.5","@patternfly/react-tokens":"4.50.5","@patternfly/react-topology":"4.45.5","@patternfly/react-virtualized-extension":"4.45.5"}},{"name":"2022.01","date":"2022-1-28","hidden":true,"versions":{"@patternfly/patternfly":"4.171.1","@patternfly/react-catalog-view-extension":"4.43.14","@patternfly/react-charts":"6.45.14","@patternfly/react-code-editor":"4.33.14","@patternfly/react-core":"4.192.14","@patternfly/react-icons":"4.43.14","@patternfly/react-inline-edit-extension":"4.37.14","@patternfly/react-log-viewer":"4.37.14","@patternfly/react-styles":"4.42.14","@patternfly/react-table":"4.61.14","@patternfly/react-tokens":"4.44.14","@patternfly/react-topology":"4.39.14","@patternfly/react-virtualized-extension":"4.39.14"}},{"name":"2021.16","date":"2021-12-13","hidden":true,"versions":{"@patternfly/patternfly":"4.164.2","@patternfly/react-catalog-view-extension":"4.32.1","@patternfly/react-charts":"6.34.1","@patternfly/react-code-editor":"4.22.1","@patternfly/react-core":"4.181.1","@patternfly/react-icons":"4.32.1","@patternfly/react-inline-edit-extension":"4.26.1","@patternfly/react-log-viewer":"4.26.1","@patternfly/react-styles":"4.31.1","@patternfly/react-table":"4.50.1","@patternfly/react-tokens":"4.33.1","@patternfly/react-topology":"4.28.1","@patternfly/react-virtualized-extension":"4.28.1"}},{"name":"2021.15","date":"2021-11-16","hidden":true,"versions":{"@patternfly/patternfly":"4.159.1","@patternfly/react-catalog-view-extension":"4.26.4","@patternfly/react-charts":"6.28.4","@patternfly/react-code-editor":"4.16.4","@patternfly/react-core":"4.175.4","@patternfly/react-icons":"4.26.4","@patternfly/react-inline-edit-extension":"4.20.4","@patternfly/react-log-viewer":"4.20.4","@patternfly/react-styles":"4.25.4","@patternfly/react-table":"4.44.4","@patternfly/react-tokens":"4.27.4","@patternfly/react-topology":"4.22.4","@patternfly/react-virtualized-extension":"4.22.4"}},{"name":"2021.14","date":"2021-10-28","hidden":true,"versions":{"@patternfly/patternfly":"4.151.4","@patternfly/react-catalog-view-extension":"4.19.8","@patternfly/react-charts":"6.21.8","@patternfly/react-code-editor":"4.9.8","@patternfly/react-core":"4.168.8","@patternfly/react-icons":"4.19.8","@patternfly/react-inline-edit-extension":"4.13.8","@patternfly/react-log-viewer":"4.13.8","@patternfly/react-styles":"4.18.8","@patternfly/react-table":"4.37.8","@patternfly/react-tokens":"4.20.8","@patternfly/react-topology":"4.15.8","@patternfly/react-virtualized-extension":"4.15.8"}},{"name":"2021.13","date":"2021-10-13","hidden":true,"versions":{"@patternfly/patternfly":"4.144.4","@patternfly/react-catalog-view-extension":"4.13.17","@patternfly/react-charts":"6.15.31","@patternfly/react-code-editor":"4.3.84","@patternfly/react-core":"4.162.2","@patternfly/react-icons":"4.13.0","@patternfly/react-inline-edit-extension":"4.7.108","@patternfly/react-log-viewer":"4.7.20","@patternfly/react-styles":"4.12.4","@patternfly/react-table":"4.31.7","@patternfly/react-tokens":"4.14.0","@patternfly/react-topology":"4.9.103","@patternfly/react-virtualized-extension":"4.9.73"}},{"name":"2021.12","date":"2021-09-20","hidden":true,"versions":{"@patternfly/patternfly":"4.135.2","@patternfly/react-catalog-view-extension":"4.12.74","@patternfly/react-charts":"6.15.23","@patternfly/react-code-editor":"4.3.61","@patternfly/react-core":"4.157.3","@patternfly/react-icons":"4.11.17","@patternfly/react-inline-edit-extension":"4.7.84","@patternfly/react-log-viewer":"4.6.14","@patternfly/react-styles":"4.11.16","@patternfly/react-table":"4.30.3","@patternfly/react-tokens":"4.12.18","@patternfly/react-topology":"4.9.80","@patternfly/react-virtualized-extension":"4.9.49"}},{"name":"2021.11","date":"2021-08-26","hidden":true,"versions":{"@patternfly/patternfly":"4.132.2","@patternfly/react-catalog-view-extension":"4.12.56","@patternfly/react-charts":"6.15.20","@patternfly/react-code-editor":"4.3.42","@patternfly/react-core":"4.152.4","@patternfly/react-icons":"4.11.14","@patternfly/react-inline-edit-extension":"4.7.65","@patternfly/react-log-viewer":"4.5.4","@patternfly/react-styles":"4.11.13","@patternfly/react-table":"4.29.58","@patternfly/react-tokens":"4.12.15","@patternfly/react-topology":"4.9.62","@patternfly/react-virtualized-extension":"4.9.31"}},{"name":"2021.10","date":"2021-08-04","hidden":true,"versions":{"@patternfly/patternfly":"4.125.3","@patternfly/react-catalog-view-extension":"4.12.36","@patternfly/react-charts":"6.15.14","@patternfly/react-code-editor":"4.3.22","@patternfly/react-core":"4.147.0","@patternfly/react-icons":"4.11.8","@patternfly/react-inline-edit-extension":"4.7.44","@patternfly/react-log-viewer":"4.4.0","@patternfly/react-styles":"4.11.8","@patternfly/react-table":"4.29.37","@patternfly/react-tokens":"4.12.9","@patternfly/react-topology":"4.9.42","@patternfly/react-virtualized-extension":"4.9.11"}},{"name":"2021.08","date":"2021-06-23","hidden":true,"versions":{"@patternfly/patternfly":"4.115.2","@patternfly/react-catalog-view-extension":"4.12.0","@patternfly/react-charts":"6.15.3","@patternfly/react-code-editor":"4.2.92","@patternfly/react-core":"4.135.0","@patternfly/react-icons":"4.11.0","@patternfly/react-inline-edit-extension":"4.7.7","@patternfly/react-log-viewer":"4.2.0","@patternfly/react-styles":"4.11.0","@patternfly/react-table":"4.29.0","@patternfly/react-tokens":"4.12.0","@patternfly/react-topology":"4.9.6","@patternfly/react-virtualized-extension":"4.8.38"}},{"name":"2021.07","date":"2021-06-07","hidden":true,"versions":{"@patternfly/patternfly":"4.108.2","@patternfly/react-catalog-view-extension":"4.11.42","@patternfly/react-charts":"6.14.29","@patternfly/react-code-editor":"4.2.76","@patternfly/react-core":"4.128.2","@patternfly/react-icons":"4.10.11","@patternfly/react-inline-edit-extension":"4.6.125","@patternfly/react-log-viewer":"4.1.19","@patternfly/react-styles":"4.10.11","@patternfly/react-table":"4.27.24","@patternfly/react-tokens":"4.11.12","@patternfly/react-topology":"4.8.72","@patternfly/react-virtualized-extension":"4.8.23"}},{"name":"2021.06","date":"2021-05-17","hidden":true,"versions":{"@patternfly/patternfly":"4.103.6","@patternfly/react-catalog-view-extension":"4.11.25","@patternfly/react-charts":"6.14.22","@patternfly/react-code-editor":"4.2.59","@patternfly/react-core":"4.121.1","@patternfly/react-icons":"4.10.7","@patternfly/react-inline-edit-extension":"4.6.108","@patternfly/react-log-viewer":"4.1.2","@patternfly/react-styles":"4.10.7","@patternfly/react-table":"4.27.7","@patternfly/react-tokens":"4.11.8","@patternfly/react-topology":"4.8.55","@patternfly/react-virtualized-extension":"4.8.6"}},{"name":"2021.05","date":"2021-04-23","hidden":true,"versions":{"@patternfly/patternfly":"4.102.2","@patternfly/react-catalog-view-extension":"4.11.7","@patternfly/react-charts":"6.14.17","@patternfly/react-code-editor":"4.2.41","@patternfly/react-core":"4.115.2","@patternfly/react-icons":"4.10.2","@patternfly/react-inline-edit-extension":"4.6.88","@patternfly/react-styles":"4.10.2","@patternfly/react-table":"4.26.7","@patternfly/react-tokens":"4.11.3","@patternfly/react-topology":"4.8.37","@patternfly/react-virtualized-extension":"4.7.24"}},{"name":"2021.04","date":"2021-04-01","hidden":true,"versions":{"@patternfly/patternfly":"4.96.2","@patternfly/react-catalog-view-extension":"4.10.29","@patternfly/react-charts":"6.14.11","@patternfly/react-code-editor":"4.2.18","@patternfly/react-core":"4.106.2","@patternfly/react-icons":"4.9.9","@patternfly/react-inline-edit-extension":"4.6.65","@patternfly/react-styles":"4.9.4","@patternfly/react-table":"4.24.1","@patternfly/react-tokens":"4.10.9","@patternfly/react-topology":"4.8.15","@patternfly/react-virtualized-extension":"4.7.1"}},{"name":"2021.03","date":"2021-03-10","hidden":true,"versions":{"@patternfly/patternfly":"4.90.5","@patternfly/react-catalog-view-extension":"4.10.13","@patternfly/react-charts":"6.14.6","@patternfly/react-code-editor":"4.2.2","@patternfly/react-core":"4.101.3","@patternfly/react-icons":"4.9.5","@patternfly/react-inline-edit-extension":"4.6.48","@patternfly/react-styles":"4.8.5","@patternfly/react-table":"4.23.14","@patternfly/react-tokens":"4.10.5","@patternfly/react-topology":"4.7.45","@patternfly/react-virtualized-extension":"4.6.46"}},{"name":"2021.02","date":"2021-02-17","hidden":true,"versions":{"@patternfly/patternfly":"4.87.3","@patternfly/react-catalog-view-extension":"4.10.2","@patternfly/react-charts":"6.14.2","@patternfly/react-code-editor":"4.1.25","@patternfly/react-core":"4.97.2","@patternfly/react-icons":"4.9.2","@patternfly/react-inline-edit-extension":"4.6.36","@patternfly/react-styles":"4.8.2","@patternfly/react-table":"4.23.2","@patternfly/react-tokens":"4.10.2","@patternfly/react-topology":"4.7.34","@patternfly/react-virtualized-extension":"4.6.35"}},{"name":"2021.01","date":"2021-01-27","hidden":true,"versions":{"@patternfly/patternfly":"4.87.2","@patternfly/react-catalog-view-extension":"4.10.1","@patternfly/react-charts":"6.14.1","@patternfly/react-code-editor":"4.1.24","@patternfly/react-core":"4.97.1","@patternfly/react-icons":"4.9.1","@patternfly/react-inline-edit-extension":"4.6.35","@patternfly/react-styles":"4.8.1","@patternfly/react-table":"4.23.1","@patternfly/react-tokens":"4.10.1","@patternfly/react-topology":"4.7.33","@patternfly/react-virtualized-extension":"4.6.34"}},{"name":"2021.01","date":"2021-01-27","hidden":true,"versions":{"@patternfly/patternfly":"4.80.3","@patternfly/react-catalog-view-extension":"4.9.15","@patternfly/react-charts":"6.13.8","@patternfly/react-code-editor":"4.1.4","@patternfly/react-core":"4.90.2","@patternfly/react-icons":"4.8.4","@patternfly/react-inline-edit-extension":"4.6.15","@patternfly/react-styles":"4.7.29","@patternfly/react-table":"4.20.15","@patternfly/react-tokens":"4.9.26","@patternfly/react-topology":"4.7.15","@patternfly/react-virtualized-extension":"4.6.15"}},{"name":"2020.16","date":"2020-12-15","hidden":true,"versions":{"@patternfly/patternfly":"4.70.2","@patternfly/react-catalog-view-extension":"4.8.126","@patternfly/react-charts":"6.12.12","@patternfly/react-core":"4.84.4","@patternfly/react-icons":"4.7.22","@patternfly/react-inline-edit-extension":"4.5.187","@patternfly/react-styles":"4.7.22","@patternfly/react-table":"4.19.45","@patternfly/react-tokens":"4.9.22","@patternfly/react-topology":"4.6.91","@patternfly/react-virtualized-extension":"4.5.171"}},{"name":"2020.15","date":"2020-11-18","hidden":true,"versions":{"@patternfly/patternfly":"4.65.6","@patternfly/react-catalog-view-extension":"4.8.105","@patternfly/react-charts":"6.12.2","@patternfly/react-core":"4.79.2","@patternfly/react-datetime":"4.2.50","@patternfly/react-icons":"4.7.18","@patternfly/react-inline-edit-extension":"4.5.166","@patternfly/react-styles":"4.7.16","@patternfly/react-table":"4.19.24","@patternfly/react-tokens":"4.9.18","@patternfly/react-topology":"4.6.69","@patternfly/react-virtualized-extension":"4.5.150"}},{"name":"2020.14","date":"2020-10-27","hidden":true,"versions":{"@patternfly/patternfly":"4.59.1","@patternfly/react-catalog-view-extension":"4.8.89","@patternfly/react-charts":"6.11.7","@patternfly/react-core":"4.7

15.2","@patternfly/react-icons":"4.7.16","@patternfly/react-inline-edit-extension":"4.5.147","@patternfly/react-styles":"4.7.12","@patternfly/react-table":"4.19.5","@patternfly/react-tokens":"4.9.16","@patternfly/react-topology":"4.6.54","@patternfly/react-virtualized-extension":"4.5.134"}},{"name":"2020.13","date":"2020-10-06","hidden":true,"versions":{"@patternfly/patternfly":"4.50.4","@patternfly/react-catalog-view-extension":"4.8.60","@patternfly/react-charts":"6.10.4","@patternfly/react-core":"4.63.3","@patternfly/react-icons":"4.7.11","@patternfly/react-inline-edit-extension":"4.5.117","@patternfly/react-styles":"4.7.8","@patternfly/react-table":"4.18.14","@patternfly/react-tokens":"4.9.12","@patternfly/react-topology":"4.6.25","@patternfly/react-virtualized-extension":"4.5.105"}},{"name":"2020.12","date":"2020-09-18","hidden":true,"versions":{"@patternfly/patternfly":"4.42.2","@patternfly/react-catalog-view-extension":"4.8.31","@patternfly/react-charts":"6.9.8","@patternfly/react-core":"4.50.2","@patternfly/react-icons":"4.7.6","@patternfly/react-inline-edit-extension":"4.5.87","@patternfly/react-styles":"4.7.5","@patternfly/react-table":"4.16.20","@patternfly/react-tokens":"4.9.8","@patternfly/react-topology":"4.5.14","@patternfly/react-virtualized-extension":"4.5.76"}},{"name":"2020.11","date":"2020-08-26","hidden":true,"versions":{"@patternfly/patternfly":"4.35.2","@patternfly/react-catalog-view-extension":"4.8.18","@patternfly/react-charts":"6.9.6","@patternfly/react-core":"4.47.0","@patternfly/react-icons":"4.7.4","@patternfly/react-inline-edit-extension":"4.5.74","@patternfly/react-styles":"4.7.3","@patternfly/react-table":"4.16.7","@patternfly/react-tokens":"4.9.6","@patternfly/react-topology":"4.4.75","@patternfly/react-virtualized-extension":"4.5.63"}},{"name":"2020.10","date":"2020-08-17","hidden":true,"versions":{"@patternfly/patternfly":"4.31.6","@patternfly/react-catalog-view-extension":"4.8.5","@patternfly/react-charts":"6.9.4","@patternfly/react-core":"4.40.4","@patternfly/react-icons":"4.7.2","@patternfly/react-inline-edit-extension":"4.5.61","@patternfly/react-styles":"4.7.2","@patternfly/react-table":"4.15.5","@patternfly/react-tokens":"4.9.4","@patternfly/react-topology":"4.4.63","@patternfly/react-virtualized-extension":"4.5.51"}},{"name":"2020.09","date":"2020-07-17","hidden":true,"versions":{"@patternfly/patternfly":"4.23.3","@patternfly/react-catalog-view-extension":"4.5.1","@patternfly/react-charts":"6.6.0","@patternfly/react-core":"4.32.1","@patternfly/react-icons":"4.5.0","@patternfly/react-inline-edit-extension":"4.5.28","@patternfly/react-styles":"4.5.0","@patternfly/react-table":"4.12.1","@patternfly/react-tokens":"4.6.0","@patternfly/react-topology":"4.4.30","@patternfly/react-virtualized-extension":"4.5.20"}},{"name":"2020.08","date":"2020-06-24","hidden":true,"versions":{"@patternfly/patternfly":"4.16.7","@patternfly/react-catalog-view-extension":"4.4.8","@patternfly/react-charts":"6.5.4","@patternfly/react-core":"4.23.1","@patternfly/react-icons":"4.4.2","@patternfly/react-inline-edit-extension":"4.5.7","@patternfly/react-styles":"4.4.2","@patternfly/react-table":"4.8.6","@patternfly/react-tokens":"4.5.2","@patternfly/react-topology":"4.4.8","@patternfly/react-virtualized-extension":"4.4.8"}},{"name":"2020.07","date":"2020-06-05","hidden":true,"versions":{"@patternfly/patternfly":"4.10.31","@patternfly/react-catalog-view-extension":"4.3.12","@patternfly/react-charts":"6.3.9","@patternfly/react-core":"4.18.5","@patternfly/react-icons":"4.3.5","@patternfly/react-inline-edit-extension":"4.4.14","@patternfly/react-styles":"4.3.4","@patternfly/react-table":"4.5.7","@patternfly/react-tokens":"4.4.4","@patternfly/react-topology":"4.3.13","@patternfly/react-virtualized-extension":"4.3.14"}},{"name":"2020.06","date":"2020-05-11","hidden":true,"versions":{"@patternfly/patternfly":"2.71.6","@patternfly/react-catalog-view-extension":"1.4.66","@patternfly/react-charts":"5.3.21","@patternfly/react-core":"3.158.1","@patternfly/react-icons":"3.15.17","@patternfly/react-inline-edit-extension":"2.17.66","@patternfly/react-styles":"3.7.14","@patternfly/react-table":"2.28.47","@patternfly/react-tokens":"2.8.14","@patternfly/react-topology":"2.14.66","@patternfly/react-virtualized-extension":"1.4.67"}},{"name":"2020.05","date":"2020-04-21","hidden":true,"versions":{"@patternfly/patternfly":"2.71.5","@patternfly/react-catalog-view-extension":"1.4.58","@patternfly/react-charts":"5.3.19","@patternfly/react-core":"3.153.13","@patternfly/react-icons":"3.15.16","@patternfly/react-inline-edit-extension":"2.17.58","@patternfly/react-styles":"3.7.13","@patternfly/react-table":"2.28.39","@patternfly/react-tokens":"2.8.13","@patternfly/react-topology":"2.14.58","@patternfly/react-virtualized-extension":"1.4.59"}},{"name":"2020.04","date":"2020-03-31","hidden":true,"versions":{"@patternfly/patternfly":"2.71.3","@patternfly/react-catalog-view-extension":"1.4.48","@patternfly/react-charts":"5.3.18","@patternfly/react-core":"3.153.3","@patternfly/react-icons":"3.15.15","@patternfly/react-inline-edit-extension":"2.17.48","@patternfly/react-styles":"3.7.12","@patternfly/react-table":"2.28.29","@patternfly/react-tokens":"2.8.12","@patternfly/react-topology":"2.14.48","@patternfly/react-virtualized-extension":"1.4.49"}},{"name":"2020.03","date":"2020-03-13","hidden":true,"versions":{"@patternfly/patternfly":"2.68.3","@patternfly/react-catalog-view-extension":"1.4.27","@patternfly/react-charts":"5.3.12","@patternfly/react-core":"3.146.0","@patternfly/react-icons":"3.15.11","@patternfly/react-inline-edit-extension":"2.17.27","@patternfly/react-styles":"3.7.8","@patternfly/react-table":"2.28.8","@patternfly/react-tokens":"2.8.8","@patternfly/react-topology":"2.14.27","@patternfly/react-virtualized-extension":"1.4.28"}},{"name":"2020.02","date":"2020-02-19","hidden":true,"versions":{"@patternfly/patternfly":"2.65.2","@patternfly/react-catalog-view-extension":"1.4.11","@patternfly/react-charts":"5.3.5","@patternfly/react-core":"3.140.11","@patternfly/react-icons":"3.15.3","@patternfly/react-inline-edit-extension":"2.17.11","@patternfly/react-styles":"3.7.4","@patternfly/react-table":"2.27.11","@patternfly/react-tokens":"2.8.4","@patternfly/react-topology":"2.14.11","@patternfly/react-virtualized-extension":"1.4.12"}},{"name":"2020.01","date":"2020-01-28","hidden":true,"versions":{"@patternfly/patternfly":"2.56.3","@patternfly/react-catalog-view-extension":"1.2.5","@patternfly/react-charts":"5.2.21","@patternfly/react-core":"3.134.2","@patternfly/react-icons":"3.14.39","@patternfly/react-inline-edit-extension":"2.15.6","@patternfly/react-styles":"3.6.26","@patternfly/react-table":"2.25.6","@patternfly/react-tokens":"2.7.25","@patternfly/react-topology":"2.12.5","@patternfly/react-virtualized-extension":"1.3.93"}},{"name":"2019.11","date":"2019-12-18","hidden":true,"versions":{"@patternfly/patternfly":"2.46.1","@patternfly/react-catalog-view-extension":"1.1.58","@patternfly/react-charts":"5.2.9","@patternfly/react-core":"3.129.1","@patternfly/react-icons":"3.14.28","@patternfly/react-inline-edit-extension":"2.14.18","@patternfly/react-styles":"3.6.15","@patternfly/react-table":"2.24.62","@patternfly/react-tokens":"2.7.14","@patternfly/react-topology":"2.11.46","@patternfly/react-virtualized-extension":"1.3.59"}},{"name":"2019.10","date":"2019-11-25","hidden":true,"versions":{"@patternfly/patternfly":"2.43.1","@patternfly/react-catalog-view-extension":"1.1.38","@patternfly/react-charts":"5.2.2","@patternfly/react-core":"3.124.1","@patternfly/react-icons":"3.14.23","@patternfly/react-inline-edit-extension":"2.13.9","@patternfly/react-styles":"3.6.11","@patternfly/react-table":"2.24.41","@patternfly/react-tokens":"2.7.10","@patternfly/react-topology":"2.11.27","@patternfly/react-virtualized-extension":"1.3.40"}},{"name":"2019.09","date":"2019-11-01","hidden":true,"versions":{"@patternfly/patternfly":"2.40.6","@patternfly/react-charts":"5.1.5","@patternfly/react-core":"3.120.5","@patternfly/react-styles":"3.6.5","@patternfly/react-table":"2.24.17","@patternfly/react-tokens":"2.7.5","@patternfly/react-topology":"2.11.5","@patternfly/react-icons":"3.14.18","@patternfly/react-virtualized-extension":"1.3.17","@patternfly/react-inline-edit-extension":"2.12.17"}},{"name":"2019.08","date":"2019-10-01","hidden":true,"versions":{"@patternfly/patternfly":"2.33.5","@patternfly/react-charts":"5.0.13","@patternfly/react-core":"3.112.3","@patternfly/react-styles":"3.5.27","@patternfly/react-table":"2.22.19","@patternfly/react-tokens":"2.6.31","@patternfly/react-topology":"2.8.65","@patternfly/react-icons":"3.14.7","@patternfly/react-virtualized-extension":"1.2.55","@patternfly/react-inline-edit-extension":"2.11.70"}},{"name":"2019.07","date":"2019-09-10","hidden":true,"versions":{"@patternfly/patternfly":"2.31.6","@patternfly/react-charts":"4.7.9","@patternfly/react-core":"3.104.0","@patternfly/react-styles":"3.5.22","@patternfly/react-table":"2.20.15","@patternfly/react-tokens":"2.6.26","@patternfly/react-topology":"2.8.34","@patternfly/react-icons":"3.14.2","@patternfly/react-virtualized-extension":"1.2.23","@patternfly/react-inline-edit-extension":"2.11.35"}},{"name":"2019.06","date":"2019-08-13","hidden":true,"versions":{"@patternfly/patternfly":"2.26.1","@patternfly/react-charts":"4.7.9","@patternfly/react-core":"3.87.3","@patternfly/react-styles":"3.5.13","@patternfly/react-table":"2.17.5","@patternfly/react-tokens":"2.6.16","@patternfly/react-topology":"2.7.31","@patternfly/react-icons":"3.10.14","@patternfly/react-virtualized-extension":"1.1.117","@patternfly/react-inline-edit-extension":"2.10.5"}},{"name":"2019.05","date":"2019-07-24","hidden":true,"versions":{"@patternfly/patternfly":"2.23.0","@patternfly/react-charts":"4.7.1","@patternfly/react-core":"3.75.2","@patternfly/react-icons":"3.10.14","@patternfly/react-inline-edit-extension":"2.9.49","@patternfly/react-styles":"3.5.7","@patternfly/react-table":"2.14.23","@patternfly/react-tokens":"2.6.13","@patternfly/react-topology":"2.6.20","@patternfly/react-virtualized-extension":"1.1.82"}},{"name":"2019.04","date":"2019-07-02","hidden":true,"versions":{"@patternfly/patternfly":"2.17.0","@patternfly/react-charts":"4.4.7","@patternfly/react-core":"3.58.1","@patternfly/react-icons":"3.10.6","@patternfly/react-inline-edit-extension":"2.9.12","@patternfly/react-styles":"3.4.6","@patternfly/react-table":"2.13.43","@patternfly/react-tokens":"2.6.5","@patternfly/react-topology":"2.4.21","@patternfly/react-virtualized-extension":"1.1.45"}},{"name":"2019.03","date":"2019-06-11","hidden":true,"versions":{"@patternfly/patternfly":"2.17.0","@patternfly/react-charts":"4.1.5","@patternfly/react-core":"3.58.1","@patternfly/react-icons":"3.9.5","@patternfly/react-inline-edit-extension":"2.7.7","@patternfly/react-styles":"3.3.3","@patternfly/react-table":"2.11.1","@patternfly/react-tokens":"2.5.5"}},{"name":"2019.02","date":"2019-06-05","hidden":true,"versions":{"@patternfly/patternfly":"2.17.0","@patternfly/react-charts":"3.6.5","@patternfly/react-core":"3.34.2","@patternfly/react-icons":"3.9.3","@patternfly/react-inline-edit-extension":"2.5.2","@patternfly/react-styles":"3.2.3","@patternfly/react-table":"2.9.2","@patternfly/react-tokens":"2.5.3"}}]}')}},e=>{e.O(0,[75614,56056],(()=>{return t=36746,e(e.s=t);var t}));e.O()}]);