diff --git a/src/collection.patternFlyApi.json b/src/collection.patternFlyApi.json index 0e655737..b01b306a 100644 --- a/src/collection.patternFlyApi.json +++ b/src/collection.patternFlyApi.json @@ -1,6 +1,6 @@ { "version": "1", - "generated": "2026-09-11T21:17:36.541Z", + "generated": "2026-09-30T21:56:29.488Z", "base": "https://main.patternfly-org.pages.dev/api", "records": [ { @@ -339,6 +339,13 @@ "c": "javascript", "q": 1 }, + { + "p": "v6/components/alert/react/examples/AlertGroupMultipleDynamic", + "n": "Alert Group Multiple Dynamic", + "d": "PatternFly examples and demos for Alert Group Multiple Dynamic.", + "c": "javascript", + "q": 1 + }, { "p": "v6/components/alert/react/examples/AlertGroupSingularDynamic", "n": "Alert Group Singular Dynamic", @@ -570,6 +577,13 @@ "c": "json", "q": 1 }, + { + "p": "v6/components/banner/html", + "n": "Banner", + "d": "Banners can be styled with one of 9 different nonstatus colors. A nonstatus banner should only be used when the banner color does not represent status or severity.", + "c": "markdown", + "q": 1 + }, { "p": "v6/components/banner/react/examples/BannerBasic", "n": "Banner Basic", @@ -598,13 +612,6 @@ "c": "markdown", "q": 1 }, - { - "p": "v6/components/brand/html", - "n": "Brand", - "d": "Simple brand component.", - "c": "markdown", - "q": 1 - }, { "p": "v6/components/brand/react/examples/BrandBasic", "n": "Brand Basic", @@ -683,10 +690,10 @@ "q": 1 }, { - "p": "v6/components/button/html", - "n": "Button", - "d": "A favorite button should use a plain button with the star icon. Applying .pf-m-favorited to the button initiates a microanimation and indicates that the item is favorited.", - "c": "markdown", + "p": "v6/components/button/react/examples/ButtonAriaDisabled", + "n": "Button ARIA Disabled", + "d": "PatternFly examples and demos for Button ARIA Disabled.", + "c": "javascript", "q": 1 }, { @@ -703,6 +710,20 @@ "c": "javascript", "q": 1 }, + { + "p": "v6/components/button/react/examples/ButtonCircle", + "n": "Button Circle", + "d": "PatternFly examples and demos for Button Circle.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/button/react/examples/ButtonCustomComponent", + "n": "Button Custom Component", + "d": "PatternFly examples and demos for Button Custom Component.", + "c": "javascript", + "q": 1 + }, { "p": "v6/components/button/react/examples/ButtonDisabled", "n": "Button Disabled", @@ -710,6 +731,13 @@ "c": "javascript", "q": 1 }, + { + "p": "v6/components/button/react/examples/ButtonHamburger", + "n": "Button Hamburger", + "d": "PatternFly examples and demos for Button Hamburger.", + "c": "javascript", + "q": 1 + }, { "p": "v6/components/button/react/examples/ButtonInlineSpanLink", "n": "Button Inline Span Link", @@ -724,6 +752,13 @@ "c": "javascript", "q": 1 }, + { + "p": "v6/components/button/react/examples/ButtonPlainHasNoPadding", + "n": "Button Plain Has No Padding", + "d": "PatternFly examples and demos for Button Plain Has No Padding.", + "c": "javascript", + "q": 1 + }, { "p": "v6/components/button/react/examples/ButtonProgress", "n": "Button Progress", @@ -731,6 +766,13 @@ "c": "javascript", "q": 1 }, + { + "p": "v6/components/button/react/examples/ButtonSettings", + "n": "Button Settings", + "d": "PatternFly examples and demos for Button Settings.", + "c": "javascript", + "q": 1 + }, { "p": "v6/components/button/react/examples/ButtonSmall", "n": "Button Small", @@ -738,6 +780,13 @@ "c": "javascript", "q": 1 }, + { + "p": "v6/components/button/react/examples/ButtonStateful", + "n": "Button Stateful", + "d": "PatternFly examples and demos for Button Stateful.", + "c": "javascript", + "q": 1 + }, { "p": "v6/components/button/react/examples/ButtonVariations", "n": "Button Variations", @@ -745,6 +794,13 @@ "c": "javascript", "q": 1 }, + { + "p": "v6/components/button/react/examples/ButtonWithCount", + "n": "Button With Count", + "d": "PatternFly examples and demos for Button With Count.", + "c": "javascript", + "q": 1 + }, { "p": "v6/components/button/text", "n": "Button", @@ -759,6 +815,13 @@ "c": "json", "q": 1 }, + { + "p": "v6/components/card/html", + "n": "Card", + "d": "A card is a generic rectangular container that can be used to build other components. Use a default card for regular page content and the compact variation for dashboard or small cards.", + "c": "markdown", + "q": 1 + }, { "p": "v6/components/card/react/examples/CardBasic", "n": "Card Basic", @@ -766,6 +829,34 @@ "c": "javascript", "q": 1 }, + { + "p": "v6/components/card/react/examples/CardClickable", + "n": "Card Clickable", + "d": "PatternFly examples and demos for Card Clickable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/card/react/examples/CardClickableSelectable", + "n": "Card Clickable Selectable", + "d": "PatternFly examples and demos for Card Clickable Selectable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/card/react/examples/CardExpandable", + "n": "Card Expandable", + "d": "PatternFly examples and demos for Card Expandable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/card/react/examples/CardExpandableWithIcon", + "n": "Card Expandable With Icon", + "d": "PatternFly examples and demos for Card Expandable With Icon.", + "c": "javascript", + "q": 1 + }, { "p": "v6/components/card/react/examples/CardHeaderInCardHead", "n": "Card Header In Card Head", @@ -794,6 +885,48 @@ "c": "javascript", "q": 1 }, + { + "p": "v6/components/card/react/examples/CardSelectable", + "n": "Card Selectable", + "d": "PatternFly examples and demos for Card Selectable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/card/react/examples/CardSingleSelectable", + "n": "Card Single Selectable", + "d": "PatternFly examples and demos for Card Single Selectable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/card/react/examples/CardTile", + "n": "Card Tile", + "d": "PatternFly examples and demos for Card Tile.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/card/react/examples/CardTileMulti", + "n": "Card Tile Multi", + "d": "PatternFly examples and demos for Card Tile Multi.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/card/react/examples/CardWithBodySectionFills", + "n": "Card With Body Section Fills", + "d": "PatternFly examples and demos for Card With Body Section Fills.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/card/react/examples/CardWithDividers", + "n": "Card With Dividers", + "d": "PatternFly examples and demos for Card With Dividers.", + "c": "javascript", + "q": 1 + }, { "p": "v6/components/card/react/examples/CardWithHeadingElement", "n": "Card With Heading Element", @@ -815,6 +948,13 @@ "c": "javascript", "q": 1 }, + { + "p": "v6/components/card/react/examples/CardWithMultipleBodySections", + "n": "Card With Multiple Body Sections", + "d": "PatternFly examples and demos for Card With Multiple Body Sections.", + "c": "javascript", + "q": 1 + }, { "p": "v6/components/card/text", "n": "Card", @@ -830,263 +970,6213 @@ "q": 1 }, { - "p": "v6/content-design/accessibility-and-localization/text", - "n": "Accessibility And Localization", - "d": "By following accessibility and global writing best practices, you’ll be better equipped to create product experiences for users of all abilities and backgrounds.", + "p": "v6/components/charts_bar-chart/text", + "n": "Charts Bar Chart", + "d": "A bar chart is used to easily display two variables, one on the horizontal x-axis and one on the vertical y-axis. They are helpful to visualize and compare categorical data.", "c": "markdown", "q": 1 }, { - "p": "v6/content-design/best-practices/text", - "n": "Best Practices", - "d": "Treat words as part of your design, not something to be added at the end. UX copy needs to be rooted in user information and context so that it can contribute to an effective, intuitive, and human-...", + "p": "v6/components/charts_box-plot-chart/text", + "n": "Charts Box Plot Chart", + "d": "Note: PatternFly React charts live in its own package at @patternfly/react-charts!", "c": "markdown", "q": 1 }, { - "p": "v6/content-design/brand-voice-and-tone/text", - "n": "Brand Voice And Tone", - "d": "In a business context, brand is the identity of a company that people recognize based on an emotional and psychological connection, as well as factual information.", + "p": "v6/components/charts_bullet-chart/text", + "n": "Charts Bullet Chart", + "d": "A bullet chart can be thought of as an extension to a bar chart that measures a dynamic value with thresholds and target values. While similar to donut utilization charts, bullet charts can show un...", "c": "markdown", "q": 1 }, { - "p": "v6/content-design/grammar_capitalization/text", - "n": "Capitalization guidelines", - "d": "Consistent capitalization adds clarity and creates unity across product UIs. PatternFly recommends writing in sentence case for all titles, headings, subtitles, or subheadings. Sentence case capita...", + "p": "v6/components/charts_colors-for-charts/text", + "n": "Charts Colors For Charts", + "d": "Note: Our charts use separate design tokens from our standard library. To view a list of all chart tokens, apply the \"chart\" category filter to the design tokens table.", "c": "markdown", "q": 1 }, { - "p": "v6/content-design/grammar_numerics/text", - "n": "Grammar Numerics", - "d": "If needed, we offer a font modifier .pf-v6-m-tabular-nums that applies tabular styling to numerals. Learn more about tabular font styling.", + "p": "v6/components/charts_donut-chart/text", + "n": "Charts Donut Chart", + "d": "A donut chart represents relative amounts that must add up to 100%.", "c": "markdown", "q": 1 }, { - "p": "v6/content-design/grammar_punctuation/text", - "n": "Grammar Punctuation", - "d": "Headings and titles can include punctuation, but should not end in punctuation. For example.", + "p": "v6/components/charts_donut-utilization-chart/text", + "n": "Charts Donut Utilization Chart", + "d": "A donut utlization chart is a donut chart used specifically to show utilization metrics.", "c": "markdown", "q": 1 }, { - "p": "v6/content-design/grammar_sentence-structure/text", - "n": "Grammar Sentence Structure", - "d": "Use the second person \"you/your\" whenever you can. This way, your focus is on the user, and the product interaction feels more like a conversation.", - "c": "markdown", + "p": "v6/components/charts_legends/text", + "n": "Charts Legends", + "d": "A legend chart is a chart with a legend next to it, showing the different data entries or values being represented, often by category. A legend can be added to any chart type.", + "c": "", "q": 1 }, { - "p": "v6/content-design/grammar_terminology/text", - "n": "Grammar Terminology", - "d": "This resource overviews common UI terms and their usage. Do not precede any terms in a UI with \"please\" as it is extraneous and overly formal.", + "p": "v6/components/charts_line-chart/text", + "n": "Charts Line Chart", + "d": "A line chart plots a series of discrete data samples to show continuous data and trend information. Sample values on the line can be measured and extracted.", "c": "markdown", "q": 1 }, { - "p": "v6/content-design/grammar_truncation/text", - "n": "Grammar Truncation", - "d": "Truncate, or shorten, your content whenever a string overflows the container and you don't want multiple lines of text. Typically, this is done by utilizing ellipses (...), either manually, or via ...", + "p": "v6/components/charts_overview/design-guidelines", + "n": "Charts Overview", + "d": "Note: Charts are only available in React in their own package @patternfly/react-charts.", "c": "markdown", "q": 1 }, { - "p": "v6/content-design/grammar_units-and-symbols/text", - "n": "Communicating measurements", - "d": "Use consistent formatting, terminology, and symbols when displaying units of measurement in your UI, including.", + "p": "v6/components/charts_overview/overview", + "n": "Charts Overview", + "d": "Note: Charts are only available in React in their own package @patternfly/react-charts.", "c": "markdown", "q": 1 }, { - "p": "v6/content-design/overview/text", - "n": "Content Design Overview", - "d": "Content design (often called UX copy or microcopy) is a strategic element of design that's just as vital as visual design and layout. By treating words as part of your design process instead of a l...", + "p": "v6/components/charts_patterns/text", + "n": "Charts Patterns", + "d": "Note: PatternFly React charts live in its own package at @patternfly/react-charts!", "c": "markdown", "q": 1 }, { - "p": "v6/content-design/writing-guides_cli-handbook/overview", - "n": "Designing for command-line interfaces", - "d": "Our CLI handbook offers best practices for designing consistent, usable, and developer-friendly command-line interfaces (CLIs). It supports developers building CLI tools and designers collaborating...", + "p": "v6/components/charts_pie-chart/text", + "n": "Charts Pie Chart", + "d": "A pie chart is commonly used to show percentages or proportional data.", "c": "markdown", "q": 1 }, { - "p": "v6/content-design/writing-guides_cli-handbook/writing-guidelines", - "n": "Writing Guides CLI Handbook", - "d": "CLI output messages typically fall into one of 3 categories.", + "p": "v6/components/charts_resize-observer/text", + "n": "Charts Resize Observer", + "d": "Note: PatternFly React charts live in its own package at @patternfly/react-charts!", "c": "markdown", - "q": 0.97 + "q": 1 }, { - "p": "v6/content-design/writing-guides_error-messages/text", - "n": "Writing Guides Error Messages", - "d": "A user typically sees an error message when they attempt to perform an action but cannot continue because something isn’t right.", - "c": "markdown", + "p": "v6/components/charts_scatter-chart/text", + "n": "Charts Scatter Chart", + "d": "A scatter chart uses dots to represent values in a chart. These dots can be added to area and line charts to outline specific interactive points along a line.", + "c": "", "q": 1 }, { - "p": "v6/content-design/writing-guides_patternfly-design-guidelines/text", - "n": "Writing Guides Patternfly Design Guidelines", - "d": "This guide provides instructions for writing clear and consistent design documentation for PatternFly. PatternFly's design guidelines provide users with information regarding the design, usage, beh...", + "p": "v6/components/charts_skeletons/text", + "n": "Charts Skeletons", + "d": "Note: PatternFly React charts live in its own package at @patternfly/react-charts!", "c": "markdown", "q": 1 }, { - "p": "v6/content-design/writing-guides_product-tours/text", - "n": "Writing Guides Product Tours", - "d": "A product tour, also referred to as an \"onboarding flow\", includes a series of dialog boxes or pop-ups that introduce users to a new tool or a redesigned tool.", + "p": "v6/components/charts_sparkline-chart/text", + "n": "Charts Sparkline Chart", + "d": "A sparkline is a small chart that helps users analyze data and understand trends and patterns.", "c": "markdown", "q": 1 }, { - "p": "v6/developer-guides/react-flow/text", - "n": "React Flow", - "d": "While React Flow is built with accessibility in mind, you should always check that your implementation (when paired with PatternFly) is accessible via mouse, keyboard, and other assistive technolog...", + "p": "v6/components/charts_stack-chart/text", + "n": "Charts Stack Chart", + "d": "A stacked bar chart describes totals while allowing a degree of internal breakdown of its data. Stacked bar charts can be illustrated vertically and horizontally depending on available space and th...", "c": "markdown", - "q": 0.97 + "q": 1 }, { - "p": "v6/developer-guides/react-flow/text/examples/CompassReactFlowDemo", - "n": "Compass React Flow Demo", - "d": "PatternFly examples and demos for Compass React Flow Demo.", - "c": "javascript", + "p": "v6/components/charts_threshold-chart/text", + "n": "Charts Threshold Chart", + "d": "A threshold chart can be used to visually specify a threshold for certain variables on the chart.", + "c": "", "q": 1 }, { - "p": "v6/developer-guides/right-to-left-handbook/text", - "n": "Right To Left Handbook", - "d": "To allow for internationalization of your product's content, it is important to implement bidirectional language support by developing for both right-to-left (RTL) and left-to-right (LTR) languages.", + "p": "v6/components/charts_tooltips/text", + "n": "Charts Tooltips", + "d": "A tooltip chart is a chart with tooltips that appear when users hover over items within it.", "c": "markdown", "q": 1 }, { - "p": "v6/extensions/catalog-view_catalog-item-header/react", - "n": "Catalog View Catalog Item Header", - "d": "Note: Catalog item header lives in its own package at @patternfly/react-catalog-view-extension!", + "p": "v6/components/chip/text", + "n": "Chip", + "d": "Note: Chip is now deprecated. Use the label component instead.", "c": "markdown", "q": 1 }, { - "p": "v6/extensions/catalog-view_catalog-tile/react", - "n": "Catalog View Catalog Tile", - "d": "Note: Catalog tile lives in its own package at @patternfly/react-catalog-view-extension!", - "c": "markdown", + "p": "v6/components/clipboard-copy/css", + "n": "Clipboard Copy CSS", + "d": "PatternFly variables and tokens for Clipboard Copy CSS.", + "c": "json", "q": 1 }, { - "p": "v6/extensions/catalog-view_filter-side-panel/react", - "n": "Catalog View Filter Side Panel", - "d": "Note: FilterSidePanel lives in its own package at @patternfly/react-catalog-view-extension!", - "c": "markdown", + "p": "v6/components/clipboard-copy/react/examples/ClipboardCopyBasic", + "n": "Clipboard Copy Basic", + "d": "PatternFly examples and demos for Clipboard Copy Basic.", + "c": "javascript", "q": 1 }, { - "p": "v6/extensions/catalog-view_overview/react", - "n": "Catalog View Overview", - "d": "Note: Catalog view lives in its own package @patternfly/react-catalog-view-extension", - "c": "markdown", + "p": "v6/components/clipboard-copy/react/examples/ClipboardCopyExpanded", + "n": "Clipboard Copy Expanded", + "d": "PatternFly examples and demos for Clipboard Copy Expanded.", + "c": "javascript", "q": 1 }, { - "p": "v6/extensions/catalog-view_properties-side-panel/react", - "n": "Catalog View Properties Side Panel", - "d": "Note: PropertiesSidePanel lives in its own package at @patternfly/react-catalog-view-extension!", - "c": "markdown", + "p": "v6/components/clipboard-copy/react/examples/ClipboardCopyExpandedWithArray", + "n": "Clipboard Copy Expanded With Array", + "d": "PatternFly examples and demos for Clipboard Copy Expanded With Array.", + "c": "javascript", "q": 1 }, { - "p": "v6/extensions/catalog-view_vertical-tabs/react", - "n": "Catalog View Vertical Tabs", - "d": "Note: Vertical tabs lives in its own package at @patternfly/react-catalog-view-extension!", - "c": "markdown", + "p": "v6/components/clipboard-copy/react/examples/ClipboardCopyInlineCompact", + "n": "Clipboard Copy Inline Compact", + "d": "PatternFly examples and demos for Clipboard Copy Inline Compact.", + "c": "javascript", "q": 1 }, { - "p": "v6/extensions/chat-bot_analytics/Analytics", - "n": "Chat Bot Analytics", - "d": "const { pathname } = useLocation();", - "c": "markdown", + "p": "v6/components/clipboard-copy/react/examples/ClipboardCopyInlineCompactCode", + "n": "Clipboard Copy Inline Compact Code", + "d": "PatternFly examples and demos for Clipboard Copy Inline Compact Code.", + "c": "javascript", "q": 1 }, { - "p": "v6/extensions/chat-bot_customizing-messages/Customizing%20messages", - "n": "Chat Bot Customizing Messages", - "d": "The ChatBot extension Message component transforms Markdown to PatternFly React components via react-markdown, which supports both rehype and remark plugins for further output customization.", - "c": "markdown", + "p": "v6/components/clipboard-copy/react/examples/ClipboardCopyInlineCompactInSentence", + "n": "Clipboard Copy Inline Compact In Sentence", + "d": "PatternFly examples and demos for Clipboard Copy Inline Compact In Sentence.", + "c": "javascript", "q": 1 }, { - "p": "v6/extensions/chat-bot_messages/demo-demos", - "n": "Chat Bot Messages", - "d": "When a user selects a positive or negative message action, you can display a message feedback card that acknowledges their response and provides space for additional written feedback. These cards c...", - "c": "markdown", - "q": 0.97 + "p": "v6/components/clipboard-copy/react/examples/ClipboardCopyInlineCompactTruncation", + "n": "Clipboard Copy Inline Compact Truncation", + "d": "PatternFly examples and demos for Clipboard Copy Inline Compact Truncation.", + "c": "javascript", + "q": 1 }, { - "p": "v6/extensions/chat-bot_messages/react", - "n": "Chat Bot Messages", - "d": "The content prop of the Message component is passed to a Markdown component (from react-markdown), which is configured to translate plain text strings into PatternFly Content components and code bl...", - "c": "markdown", - "q": 0.97 + "p": "v6/components/clipboard-copy/react/examples/ClipboardCopyInlineCompactWithAdditionalAction", + "n": "Clipboard Copy Inline Compact With Additional Action", + "d": "PatternFly examples and demos for Clipboard Copy Inline Compact With Additional Action.", + "c": "javascript", + "q": 1 }, { - "p": "v6/extensions/chat-bot_overview/ChatBot", - "n": "Chat Bot Overview", - "d": "Note: The PatternFly ChatBot extension lives in its own package @patternfly/chatbot.", - "c": "markdown", + "p": "v6/components/clipboard-copy/react/examples/ClipboardCopyJSONObject", + "n": "Clipboard Copy Json Object", + "d": "PatternFly examples and demos for Clipboard Copy Json Object.", + "c": "javascript", "q": 1 }, { - "p": "v6/extensions/chat-bot_overview/demo-demos", - "n": "Chat Bot Overview", - "d": "This demo displays a basic ChatBot, which includes.", - "c": "markdown", - "q": 0.97 + "p": "v6/components/clipboard-copy/react/examples/ClipboardCopyReadOnly", + "n": "Clipboard Copy Read Only", + "d": "PatternFly examples and demos for Clipboard Copy Read Only.", + "c": "javascript", + "q": 1 }, { - "p": "v6/extensions/chat-bot_overview/design-guidelines", - "n": "Chat Bot Overview", - "d": "Note: These guidelines are specific to ChatBot. Before implementing AI-enabled features, review PatternFly's AI design language guidelines, which cover foundational requirements for AI disclosure, ...", - "c": "markdown", + "p": "v6/components/clipboard-copy/react/examples/ClipboardCopyReadOnlyExpanded", + "n": "Clipboard Copy Read Only Expanded", + "d": "PatternFly examples and demos for Clipboard Copy Read Only Expanded.", + "c": "javascript", "q": 1 }, { - "p": "v6/extensions/chat-bot_ui/react", - "n": "Chat Bot UI", - "d": "The PatternFly ChatBot is a separate window that overlays or is embedded within other UI content. This container can be shown and hidden via the ChatBot toggle.", - "c": "markdown", - "q": 0.97 + "p": "v6/components/clipboard-copy/react/examples/ClipboardCopyReadOnlyExpandedByDefault", + "n": "Clipboard Copy Read Only Expanded By Default", + "d": "PatternFly examples and demos for Clipboard Copy Read Only Expanded By Default.", + "c": "javascript", + "q": 1 }, { - "p": "v6/extensions/component-groups_ansible/react", - "n": "Component Groups Ansible", - "d": "The Ansible component displays the Ansible project logo, with a support status style.", + "p": "v6/components/clipboard-copy/text", + "n": "Clipboard Copy", + "d": "Clipboard copy has 3 main components.", "c": "markdown", - "q": 0.97 + "q": 1 }, { - "p": "v6/extensions/component-groups_bulk-select/react", - "n": "Component Groups Bulk Select", - "d": "The bulk select provides a way of selecting data records in batches. You can select all data at once, all data on current page or deselect all.", - "c": "markdown", - "q": 0.97 + "p": "v6/components/code-block/css", + "n": "Code Block CSS", + "d": "PatternFly variables and tokens for Code Block CSS.", + "c": "json", + "q": 1 }, { - "p": "v6/extensions/component-groups_close-button/react", - "n": "Component Groups Close Button", - "d": "The close button component provides a way for users to exit a modal, dialogue, or similar action. To further customize this component, you can also utilize all properties of the button component.", - "c": "markdown", - "q": 0.97 + "p": "v6/components/code-block/react/examples/CodeBlockBasic", + "n": "Code Block Basic", + "d": "PatternFly examples and demos for Code Block Basic.", + "c": "javascript", + "q": 1 }, { - "p": "v6/extensions/component-groups_column-management-modal/react", - "n": "Component Groups Column Management Modal", - "d": "The column management modal component can be used to implement customizable table columns. Columns can be configured to be enabled or disabled by default or be unhidable.", - "c": "markdown", - "q": 0.97 + "p": "v6/components/code-block/react/examples/CodeBlockExpandable", + "n": "Code Block Expandable", + "d": "PatternFly examples and demos for Code Block Expandable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/code-block/text", + "n": "Code Block", + "d": "Code block has 4 main components.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/code-editor/css", + "n": "Code Editor CSS", + "d": "PatternFly variables and tokens for Code Editor CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/code-editor/text", + "n": "Code Editor", + "d": "By default, the bulk of the code editor is the text editor itself. The component is extremely flexible, so many of the features are optional. Much of the functionality of the Monaco Editor has been...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/compass/css", + "n": "Compass CSS", + "d": "PatternFly variables and tokens for Compass CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/compass/design-guidelines", + "n": "Compass", + "d": "Use Compass to build AI-driven and generative UI experiences. It gives you a structured canvas that organizes navigation, content, and conversational inputs into a single, structured interface — we...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/compass/Development-guide", + "n": "Compass", + "d": "When building generative UI layouts using the Compass components, there are several common patterns to consider during your development process.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/compass/html", + "n": "Compass", + "d": "In a basic Compass layout, the page structure is defined by the order of elements nested within .pf-v6-c-compasscontainer (inside .pf-v6-c-compass).", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/compass/org-demos", + "n": "Compass", + "d": "To help you use the Compass layout, there are several variants and props exposed on other PatternFly components that may be useful.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/compass/react", + "n": "Compass", + "d": "When building a more custom implementation with Compass components, there are some intended or expected structures that must remain present.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/components/compass/react/examples/CompassDockLayout", + "n": "Compass Dock Layout", + "d": "PatternFly examples and demos for Compass Dock Layout.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/compass/react/examples/CompassMainFooterDemo", + "n": "Compass Main Footer Demo", + "d": "PatternFly examples and demos for Compass Main Footer Demo.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/content/css", + "n": "Content CSS", + "d": "PatternFly variables and tokens for Content CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/content/react/examples/ContentBody", + "n": "Content Body", + "d": "PatternFly examples and demos for Content Body.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/content/react/examples/ContentDescriptionList", + "n": "Content Description List", + "d": "PatternFly examples and demos for Content Description List.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/content/react/examples/ContentEditorial", + "n": "Content Editorial", + "d": "PatternFly examples and demos for Content Editorial.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/content/react/examples/ContentHeadings", + "n": "Content Headings", + "d": "PatternFly examples and demos for Content Headings.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/content/react/examples/ContentOrderedList", + "n": "Content Ordered List", + "d": "PatternFly examples and demos for Content Ordered List.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/content/react/examples/ContentPlainList", + "n": "Content Plain List", + "d": "PatternFly examples and demos for Content Plain List.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/content/react/examples/ContentUnorderedList", + "n": "Content Unordered List", + "d": "PatternFly examples and demos for Content Unordered List.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/content/react/examples/ContentVisited", + "n": "Content Visited", + "d": "PatternFly examples and demos for Content Visited.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/content/react/examples/ContentWrapper", + "n": "Content Wrapper", + "d": "PatternFly examples and demos for Content Wrapper.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/content/text", + "n": "Content", + "d": "Content can be used anywhere in your designs and can take on different formats. Read PatternFly’s typography page for more guidelines on how to use content in your UIs, and the different styles ava...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/data-list/css", + "n": "Data List CSS", + "d": "PatternFly variables and tokens for Data List CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/data-list/react/examples/DataListActions", + "n": "Data List Actions", + "d": "PatternFly examples and demos for Data List Actions.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/data-list/react/examples/DataListBasic", + "n": "Data List Basic", + "d": "PatternFly examples and demos for Data List Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/data-list/react/examples/DataListCheckboxes", + "n": "Data List Checkboxes", + "d": "PatternFly examples and demos for Data List Checkboxes.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/data-list/react/examples/DataListClickableRows", + "n": "Data List Clickable Rows", + "d": "PatternFly examples and demos for Data List Clickable Rows.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/data-list/react/examples/DataListCompact", + "n": "Data List Compact", + "d": "PatternFly examples and demos for Data List Compact.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/data-list/react/examples/DataListControllingText", + "n": "Data List Controlling Text", + "d": "PatternFly examples and demos for Data List Controlling Text.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/data-list/react/examples/DataListExpandable", + "n": "Data List Expandable", + "d": "PatternFly examples and demos for Data List Expandable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/data-list/react/examples/DataListMixedExpandable", + "n": "Data List Mixed Expandable", + "d": "PatternFly examples and demos for Data List Mixed Expandable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/data-list/react/examples/DataListPlain", + "n": "Data List Plain", + "d": "PatternFly examples and demos for Data List Plain.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/data-list/react/examples/DataListSmGridBreakpoint", + "n": "Data List Sm Grid Breakpoint", + "d": "PatternFly examples and demos for Data List Sm Grid Breakpoint.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/data-list/react/examples/DataListWidthModifiers", + "n": "Data List Width Modifiers", + "d": "PatternFly examples and demos for Data List Width Modifiers.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/data-list/text", + "n": "Data List", + "d": "The elements mentioned below are similar for a data list with compact or default spacing. This example shows a data list with compact spacing.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/date-and-time_calendar-month/css", + "n": "Date And Time Calendar Month CSS", + "d": "PatternFly variables and tokens for Date And Time Calendar Month CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/date-and-time_calendar-month/react/examples/CalendarMonthDateRange", + "n": "Calendar Month Date Range", + "d": "PatternFly examples and demos for Calendar Month Date Range.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/date-and-time_calendar-month/react/examples/CalendarMonthSelectableDate", + "n": "Calendar Month Selectable Date", + "d": "PatternFly examples and demos for Calendar Month Selectable Date.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/date-and-time_calendar-month/text", + "n": "Date And Time Calendar Month", + "d": "For information regarding accessibility, visit the calendar month accessibility tab.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/date-and-time_date-picker/css", + "n": "Date And Time Date Picker CSS", + "d": "PatternFly variables and tokens for Date And Time Date Picker CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/date-and-time_date-picker/react/examples/DatePickerAmerican", + "n": "Date Picker American", + "d": "PatternFly examples and demos for Date Picker American.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/date-and-time_date-picker/react/examples/DatePickerBasic", + "n": "Date Picker Basic", + "d": "PatternFly examples and demos for Date Picker Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/date-and-time_date-picker/react/examples/DatePickerControlled", + "n": "Date Picker Controlled", + "d": "PatternFly examples and demos for Date Picker Controlled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/date-and-time_date-picker/react/examples/DatePickerControlledCalendar", + "n": "Date Picker Controlled Calendar", + "d": "PatternFly examples and demos for Date Picker Controlled Calendar.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/date-and-time_date-picker/react/examples/DatePickerControlledRequired", + "n": "Date Picker Controlled Required", + "d": "PatternFly examples and demos for Date Picker Controlled Required.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/date-and-time_date-picker/react/examples/DatePickerFrench", + "n": "Date Picker French", + "d": "PatternFly examples and demos for Date Picker French.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/date-and-time_date-picker/react/examples/DatePickerHelperText", + "n": "Date Picker Helper Text", + "d": "PatternFly examples and demos for Date Picker Helper Text.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/date-and-time_date-picker/react/examples/DatePickerMinMax", + "n": "Date Picker Min Max", + "d": "PatternFly examples and demos for Date Picker Min Max.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/date-and-time_date-picker/react/examples/DatePickerRequired", + "n": "Date Picker Required", + "d": "PatternFly examples and demos for Date Picker Required.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/date-and-time_date-picker/text", + "n": "Date And Time Date Picker", + "d": "Use date pickers to enable users to select or input a date for use cases like item filtration or scheduling in a form.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/date-and-time_time-picker/react/examples/TimePickerBasic12Hour", + "n": "Time Picker Basic12 Hour", + "d": "PatternFly examples and demos for Time Picker Basic12 Hour.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/date-and-time_time-picker/react/examples/TimePickerBasic24Hour", + "n": "Time Picker Basic24 Hour", + "d": "PatternFly examples and demos for Time Picker Basic24 Hour.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/date-and-time_time-picker/react/examples/TimePickerBasic24HoursWithSeconds", + "n": "Time Picker Basic24 Hours With Seconds", + "d": "PatternFly examples and demos for Time Picker Basic24 Hours With Seconds.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/date-and-time_time-picker/react/examples/TimePickerCustomDelimiter", + "n": "Time Picker Custom Delimiter", + "d": "PatternFly examples and demos for Time Picker Custom Delimiter.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/date-and-time_time-picker/react/examples/TimePickerMinMaxTimes", + "n": "Time Picker Min Max Times", + "d": "PatternFly examples and demos for Time Picker Min Max Times.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/date-and-time_time-picker/react/examples/TimePickerWithSeconds", + "n": "Time Picker With Seconds", + "d": "PatternFly examples and demos for Time Picker With Seconds.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/date-and-time_time-picker/text", + "n": "Date And Time Time Picker", + "d": "Use time pickers to enable users to select or input a time. For example, in a toolbar for item filtration, or in a form for scheduling inputs.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/description-list/css", + "n": "Description List CSS", + "d": "PatternFly variables and tokens for Description List CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListAutoFitBasic", + "n": "Description List Auto Fit Basic", + "d": "PatternFly examples and demos for Description List Auto Fit Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListAutoFitMinWidthModified", + "n": "Description List Auto Fit Min Width Modified", + "d": "PatternFly examples and demos for Description List Auto Fit Min Width Modified.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListAutoFitMinWidthResponsive", + "n": "Description List Auto Fit Min Width Responsive", + "d": "PatternFly examples and demos for Description List Auto Fit Min Width Responsive.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListBasic", + "n": "Description List Basic", + "d": "PatternFly examples and demos for Description List Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListColumnFill", + "n": "Description List Column Fill", + "d": "PatternFly examples and demos for Description List Column Fill.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListCompact", + "n": "Description List Compact", + "d": "PatternFly examples and demos for Description List Compact.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListCompactHorizontal", + "n": "Description List Compact Horizontal", + "d": "PatternFly examples and demos for Description List Compact Horizontal.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListDefaultAutoColumn", + "n": "Description List Default Auto Column", + "d": "PatternFly examples and demos for Description List Default Auto Column.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListDefaultInlineGrid", + "n": "Description List Default Inline Grid", + "d": "PatternFly examples and demos for Description List Default Inline Grid.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListDefaultResponsiveColumns", + "n": "Description List Default Responsive Columns", + "d": "PatternFly examples and demos for Description List Default Responsive Columns.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListDefaultThreeColLg", + "n": "Description List Default Three Col Lg", + "d": "PatternFly examples and demos for Description List Default Three Col Lg.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListDefaultTwoCol", + "n": "Description List Default Two Col", + "d": "PatternFly examples and demos for Description List Default Two Col.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListDisplaySizeAndCardHorizontalTermWidth", + "n": "Description List Display Size And Card Horizontal Term Width", + "d": "PatternFly examples and demos for Description List Display Size And Card Horizontal Term Width.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListDisplaySizeAndCardThreeColumn", + "n": "Description List Display Size And Card Three Column", + "d": "PatternFly examples and demos for Description List Display Size And Card Three Column.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListFluidHorizontal", + "n": "Description List Fluid Horizontal", + "d": "PatternFly examples and demos for Description List Fluid Horizontal.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListHorizontal", + "n": "Description List Horizontal", + "d": "PatternFly examples and demos for Description List Horizontal.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListHorizontalAutoColumn", + "n": "Description List Horizontal Auto Column", + "d": "PatternFly examples and demos for Description List Horizontal Auto Column.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListHorizontalCustomTermWidth", + "n": "Description List Horizontal Custom Term Width", + "d": "PatternFly examples and demos for Description List Horizontal Custom Term Width.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListHorizontalResponsiveColumns", + "n": "Description List Horizontal Responsive Columns", + "d": "PatternFly examples and demos for Description List Horizontal Responsive Columns.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListHorizontalThreeColLg", + "n": "Description List Horizontal Three Col Lg", + "d": "PatternFly examples and demos for Description List Horizontal Three Col Lg.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListHorizontalTwoCol", + "n": "Description List Horizontal Two Col", + "d": "PatternFly examples and demos for Description List Horizontal Two Col.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListIconsOnTerms", + "n": "Description List Icons On Terms", + "d": "PatternFly examples and demos for Description List Icons On Terms.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListResponsiveHoriVertGroup", + "n": "Description List Responsive Hori Vert Group", + "d": "PatternFly examples and demos for Description List Responsive Hori Vert Group.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListWithCard", + "n": "Description List With Card", + "d": "PatternFly examples and demos for Description List With Card.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListWithLargeDisplaySize", + "n": "Description List With Large Display Size", + "d": "PatternFly examples and demos for Description List With Large Display Size.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListWithLargeDisplaySizeAndCard", + "n": "Description List With Large Display Size And Card", + "d": "PatternFly examples and demos for Description List With Large Display Size And Card.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/react/examples/DescriptionListWithTermHelpText", + "n": "Description List With Term Help Text", + "d": "PatternFly examples and demos for Description List With Term Help Text.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/description-list/text", + "n": "Description List", + "d": "Use a description list when you have a set of terms and definitions related to a single topic. Definitions can be plain text or links.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/divider/css", + "n": "Divider CSS", + "d": "PatternFly variables and tokens for Divider CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/divider/react/examples/DividerInsetMedium", + "n": "Divider Inset Medium", + "d": "PatternFly examples and demos for Divider Inset Medium.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/divider/react/examples/DividerInsetVariousBreakpoints", + "n": "Divider Inset Various Breakpoints", + "d": "PatternFly examples and demos for Divider Inset Various Breakpoints.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/divider/react/examples/DividerOrientationVariousBreakpoints", + "n": "Divider Orientation Various Breakpoints", + "d": "PatternFly examples and demos for Divider Orientation Various Breakpoints.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/divider/react/examples/DividerUsingDiv", + "n": "Divider Using Div", + "d": "PatternFly examples and demos for Divider Using Div.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/divider/react/examples/DividerUsingHr", + "n": "Divider Using Hr", + "d": "PatternFly examples and demos for Divider Using Hr.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/divider/react/examples/DividerUsingLi", + "n": "Divider Using Li", + "d": "PatternFly examples and demos for Divider Using Li.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/divider/react/examples/DividerVerticalFlex", + "n": "Divider Vertical Flex", + "d": "PatternFly examples and demos for Divider Vertical Flex.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/divider/react/examples/DividerVerticalFlexInsetSmall", + "n": "Divider Vertical Flex Inset Small", + "d": "PatternFly examples and demos for Divider Vertical Flex Inset Small.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/divider/react/examples/DividerVerticalFlexInsetVariousBreakpoints", + "n": "Divider Vertical Flex Inset Various Breakpoints", + "d": "PatternFly examples and demos for Divider Vertical Flex Inset Various Breakpoints.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/divider/text", + "n": "Divider", + "d": "Use a divider as a visual cue to help to convey content separations and groupings.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/drag-and-drop/text", + "n": "Drag And Drop", + "d": "PatternFly drag and drop allows users to move items between different list groups. For example, in a To-Do list scenario users can quickly drag list items from the ”In progress” column to the “Done...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/drawer/css", + "n": "Drawer CSS", + "d": "PatternFly variables and tokens for Drawer CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerAdditionalSectionAboveContent", + "n": "Drawer Additional Section Above Content", + "d": "PatternFly examples and demos for Drawer Additional Section Above Content.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerBasic", + "n": "Drawer Basic", + "d": "PatternFly examples and demos for Drawer Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerBasicInline", + "n": "Drawer Basic Inline", + "d": "PatternFly examples and demos for Drawer Basic Inline.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerBasicPill", + "n": "Drawer Basic Pill", + "d": "PatternFly examples and demos for Drawer Basic Pill.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerBreakpoint", + "n": "Drawer Breakpoint", + "d": "PatternFly examples and demos for Drawer Breakpoint.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerFocusTrap", + "n": "Drawer Focus Trap", + "d": "PatternFly examples and demos for Drawer Focus Trap.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerInlinePanelEnd", + "n": "Drawer Inline Panel End", + "d": "PatternFly examples and demos for Drawer Inline Panel End.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerInlinePanelStart", + "n": "Drawer Inline Panel Start", + "d": "PatternFly examples and demos for Drawer Inline Panel Start.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerModifiedContentPadding", + "n": "Drawer Modified Content Padding", + "d": "PatternFly examples and demos for Drawer Modified Content Padding.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerModifiedPanelPadding", + "n": "Drawer Modified Panel Padding", + "d": "PatternFly examples and demos for Drawer Modified Panel Padding.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerPanelBottom", + "n": "Drawer Panel Bottom", + "d": "PatternFly examples and demos for Drawer Panel Bottom.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerPanelEnd", + "n": "Drawer Panel End", + "d": "PatternFly examples and demos for Drawer Panel End.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerPanelStart", + "n": "Drawer Panel Start", + "d": "PatternFly examples and demos for Drawer Panel Start.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerPillInline", + "n": "Drawer Pill Inline", + "d": "PatternFly examples and demos for Drawer Pill Inline.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerResizableAtEnd", + "n": "Drawer Resizable At End", + "d": "PatternFly examples and demos for Drawer Resizable At End.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerResizableAtStart", + "n": "Drawer Resizable At Start", + "d": "PatternFly examples and demos for Drawer Resizable At Start.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerResizableOnBottom", + "n": "Drawer Resizable On Bottom", + "d": "PatternFly examples and demos for Drawer Resizable On Bottom.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerResizableOnInline", + "n": "Drawer Resizable On Inline", + "d": "PatternFly examples and demos for Drawer Resizable On Inline.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerSecondaryBackground", + "n": "Drawer Secondary Background", + "d": "PatternFly examples and demos for Drawer Secondary Background.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerStackedContentBodyElements", + "n": "Drawer Stacked Content Body Elements", + "d": "PatternFly examples and demos for Drawer Stacked Content Body Elements.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/react/examples/DrawerStatic", + "n": "Drawer Static", + "d": "PatternFly examples and demos for Drawer Static.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/drawer/text", + "n": "Drawer", + "d": "Drawers can be used to store and show more information than immediately presented on a page. A drawer with more information is usually prompted by a user click. Upon the click, the drawer comes out...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/dual-list-selector/css", + "n": "Dual List Selector CSS", + "d": "PatternFly variables and tokens for Dual List Selector CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/dual-list-selector/html", + "n": "Dual List Selector", + "d": "PatternFly HTML examples and markup structure for Dual List Selector.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/dual-list-selector/react", + "n": "Dual List Selector", + "d": "The dual list selector is built in a composable manner to make customization easier. The standard sub-component relationships are arranged as follows.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/components/dual-list-selector/text", + "n": "Dual List Selector", + "d": "The following image is a basic dual list selector. For details about the elements for expandable dual lists, refer to the variations section.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/empty-state/css", + "n": "Empty State CSS", + "d": "PatternFly variables and tokens for Empty State CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/empty-state/react", + "n": "Empty State", + "d": "PatternFly React component examples and demos for Empty State.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/components/empty-state/text", + "n": "Empty State", + "d": "This is an example of a large, full-page empty state with all empty state elements. Other empty state variations contain the same elements and differ only in spacing and text sizes.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/expandable-section/css", + "n": "Expandable Section CSS", + "d": "PatternFly variables and tokens for Expandable Section CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/expandable-section/react/examples/ExpandableSectionBasic", + "n": "Expandable Section Basic", + "d": "PatternFly examples and demos for Expandable Section Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/expandable-section/react/examples/ExpandableSectionCustomToggle", + "n": "Expandable Section Custom Toggle", + "d": "PatternFly examples and demos for Expandable Section Custom Toggle.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/expandable-section/react/examples/ExpandableSectionDetached", + "n": "Expandable Section Detached", + "d": "PatternFly examples and demos for Expandable Section Detached.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/expandable-section/react/examples/ExpandableSectionDisclosure", + "n": "Expandable Section Disclosure", + "d": "PatternFly examples and demos for Expandable Section Disclosure.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/expandable-section/react/examples/ExpandableSectionIndented", + "n": "Expandable Section Indented", + "d": "PatternFly examples and demos for Expandable Section Indented.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/expandable-section/react/examples/ExpandableSectionTruncateExpansion", + "n": "Expandable Section Truncate Expansion", + "d": "PatternFly examples and demos for Expandable Section Truncate Expansion.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/expandable-section/react/examples/ExpandableSectionUncontrolled", + "n": "Expandable Section Uncontrolled", + "d": "PatternFly examples and demos for Expandable Section Uncontrolled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/expandable-section/react/examples/ExpandableSectionUncontrolledDynamicToggleFunction", + "n": "Expandable Section Uncontrolled Dynamic Toggle Function", + "d": "PatternFly examples and demos for Expandable Section Uncontrolled Dynamic Toggle Function.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/expandable-section/react/examples/ExpandableSectionUncontrolledDynamicToggleText", + "n": "Expandable Section Uncontrolled Dynamic Toggle Text", + "d": "PatternFly examples and demos for Expandable Section Uncontrolled Dynamic Toggle Text.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/expandable-section/react/examples/ExpandableSectionWithHeading", + "n": "Expandable Section With Heading", + "d": "PatternFly examples and demos for Expandable Section With Heading.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/expandable-section/text", + "n": "Expandable Section", + "d": "An expandable section has two main elements.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/file-upload_multiple-file-upload/css", + "n": "File Upload Multiple File Upload CSS", + "d": "PatternFly variables and tokens for File Upload Multiple File Upload CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/file-upload_multiple-file-upload/html", + "n": "File Upload Multiple File Upload", + "d": "PatternFly HTML examples and markup structure for File Upload Multiple File Upload.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/file-upload_multiple-file-upload/react", + "n": "File Upload Multiple File Upload", + "d": "Multiple file upload is able to.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/components/file-upload_multiple-file-upload/react/examples/MultipleFileUploadBasic", + "n": "Multiple File Upload Basic", + "d": "PatternFly examples and demos for Multiple File Upload Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/file-upload_multiple-file-upload/text", + "n": "File Upload Multiple File Upload", + "d": "A file upload component is commonly found in forms, but can also live as a standalone element.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/file-upload_simple-file-upload/css", + "n": "File Upload Simple File Upload CSS", + "d": "PatternFly variables and tokens for File Upload Simple File Upload CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/file-upload_simple-file-upload/react/examples/FileUploadCustomPreview", + "n": "File Upload Custom Preview", + "d": "PatternFly examples and demos for File Upload Custom Preview.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/file-upload_simple-file-upload/react/examples/FileUploadCustomUpload", + "n": "File Upload Custom Upload", + "d": "PatternFly examples and demos for File Upload Custom Upload.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/file-upload_simple-file-upload/react/examples/FileUploadSimpleFile", + "n": "File Upload Simple File", + "d": "PatternFly examples and demos for File Upload Simple File.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/file-upload_simple-file-upload/react/examples/FileUploadSimpleText", + "n": "File Upload Simple Text", + "d": "PatternFly examples and demos for File Upload Simple Text.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/file-upload_simple-file-upload/react/examples/FileUploadTextWithEdits", + "n": "File Upload Text With Edits", + "d": "PatternFly examples and demos for File Upload Text With Edits.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/file-upload_simple-file-upload/react/examples/FileUploadTextWithRestrictions", + "n": "File Upload Text With Restrictions", + "d": "PatternFly examples and demos for File Upload Text With Restrictions.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/file-upload_simple-file-upload/react/examples/FileUploadWithHelperText", + "n": "File Upload With Helper Text", + "d": "PatternFly examples and demos for File Upload With Helper Text.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/file-upload_simple-file-upload/text", + "n": "File Upload Simple File Upload", + "d": "Use a single file upload component when only one file can be uploaded. If multiple files need to be uploaded, use the multiple file upload component. This component is recommended for the use of te...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/forms_checkbox/css", + "n": "Forms Checkbox CSS", + "d": "PatternFly variables and tokens for Forms Checkbox CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/forms_checkbox/html", + "n": "Forms Checkbox", + "d": "The Check component is provided for use cases outside of forms. If it is used without label text ensure some sort of label for assistive technologies. (for example: aria-label)", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/forms_checkbox/react/examples/CheckboxControlled", + "n": "Checkbox Controlled", + "d": "PatternFly examples and demos for Checkbox Controlled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_checkbox/react/examples/CheckboxDisabled", + "n": "Checkbox Disabled", + "d": "PatternFly examples and demos for Checkbox Disabled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_checkbox/react/examples/CheckboxLabelWraps", + "n": "Checkbox Label Wraps", + "d": "PatternFly examples and demos for Checkbox Label Wraps.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_checkbox/react/examples/CheckboxRequired", + "n": "Checkbox Required", + "d": "PatternFly examples and demos for Checkbox Required.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_checkbox/react/examples/CheckboxReversed", + "n": "Checkbox Reversed", + "d": "PatternFly examples and demos for Checkbox Reversed.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_checkbox/react/examples/CheckboxStandaloneInput", + "n": "Checkbox Standalone Input", + "d": "PatternFly examples and demos for Checkbox Standalone Input.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_checkbox/react/examples/CheckboxUncontrolled", + "n": "Checkbox Uncontrolled", + "d": "PatternFly examples and demos for Checkbox Uncontrolled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_checkbox/react/examples/CheckboxWithBody", + "n": "Checkbox With Body", + "d": "PatternFly examples and demos for Checkbox With Body.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_checkbox/react/examples/CheckboxWithDescription", + "n": "Checkbox With Description", + "d": "PatternFly examples and demos for Checkbox With Description.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_checkbox/react/examples/CheckboxWithDescriptionBody", + "n": "Checkbox With Description Body", + "d": "PatternFly examples and demos for Checkbox With Description Body.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_checkbox/text", + "n": "Forms Checkbox", + "d": "Checkboxes allow users to choose 1 or more items from a list of options.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/forms_form-control/css", + "n": "Forms Form Control CSS", + "d": "PatternFly variables and tokens for Forms Form Control CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/forms_form-control/text", + "n": "Forms Form Control", + "d": "Form control can be applied to various input components, including text boxes, dropdowns/select lists, and text areas.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/forms_form-select/css", + "n": "Forms Form Select CSS", + "d": "PatternFly variables and tokens for Forms Form Select CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/forms_form-select/react/examples/FormSelectBasic", + "n": "Form Select Basic", + "d": "PatternFly examples and demos for Form Select Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_form-select/react/examples/FormSelectDisabled", + "n": "Form Select Disabled", + "d": "PatternFly examples and demos for Form Select Disabled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_form-select/react/examples/FormSelectGrouped", + "n": "Form Select Grouped", + "d": "PatternFly examples and demos for Form Select Grouped.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_form-select/react/examples/FormSelectValidated", + "n": "Form Select Validated", + "d": "PatternFly examples and demos for Form Select Validated.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_form-select/text", + "n": "Forms Form Select", + "d": "If your use case only calls for simple selects, you may opt to use a form select as an field inside a form. However, if your use case requires more customization and capability, use a PatternFly cu...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/forms_form/css", + "n": "Forms Form CSS", + "d": "PatternFly variables and tokens for Forms Form CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/forms_form/html", + "n": "Forms Form", + "d": "To avoid the form label's required indicator or help tooltip icon from wrapping separately from the form label text, all whitespace characters between the last word of the label text, the required ...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/forms_form/react/examples/FormBasic", + "n": "Form Basic", + "d": "PatternFly examples and demos for Form Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_form/react/examples/FormFieldGroups", + "n": "Form Field Groups", + "d": "PatternFly examples and demos for Form Field Groups.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_form/react/examples/FormGrid", + "n": "Form Grid", + "d": "PatternFly examples and demos for Form Grid.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_form/react/examples/FormGroupLabelInfo", + "n": "Form Group Label Info", + "d": "PatternFly examples and demos for Form Group Label Info.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_form/react/examples/FormHorizontal", + "n": "Form Horizontal", + "d": "PatternFly examples and demos for Form Horizontal.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_form/react/examples/FormHorizontalHelper", + "n": "Form Horizontal Helper", + "d": "PatternFly examples and demos for Form Horizontal Helper.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_form/react/examples/FormHorizontalStacked", + "n": "Form Horizontal Stacked", + "d": "PatternFly examples and demos for Form Horizontal Stacked.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_form/react/examples/FormInvalid", + "n": "Form Invalid", + "d": "PatternFly examples and demos for Form Invalid.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_form/react/examples/FormInvalidWithFormAlert", + "n": "Form Invalid With Form Alert", + "d": "PatternFly examples and demos for Form Invalid With Form Alert.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_form/react/examples/FormLimitWidth", + "n": "Form Limit Width", + "d": "PatternFly examples and demos for Form Limit Width.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_form/react/examples/FormSections", + "n": "Form Sections", + "d": "PatternFly examples and demos for Form Sections.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_form/react/examples/FormState", + "n": "Form State", + "d": "PatternFly examples and demos for Form State.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_form/react/examples/FormValidated", + "n": "Form Validated", + "d": "PatternFly examples and demos for Form Validated.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_form/text", + "n": "Forms Form", + "d": "Use forms to accomplish tasks reliant on user-inputted information like logging in, registering for accounts or services, configuring settings, or completing surveys.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/forms_radio/css", + "n": "Forms Radio CSS", + "d": "PatternFly variables and tokens for Forms Radio CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/forms_radio/react/examples/RadioControlled", + "n": "Radio Controlled", + "d": "PatternFly examples and demos for Radio Controlled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_radio/react/examples/RadioDisabled", + "n": "Radio Disabled", + "d": "PatternFly examples and demos for Radio Disabled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_radio/react/examples/RadioLabelWraps", + "n": "Radio Label Wraps", + "d": "PatternFly examples and demos for Radio Label Wraps.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_radio/react/examples/RadioReversed", + "n": "Radio Reversed", + "d": "PatternFly examples and demos for Radio Reversed.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_radio/react/examples/RadioStandaloneInput", + "n": "Radio Standalone Input", + "d": "PatternFly examples and demos for Radio Standalone Input.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_radio/react/examples/RadioUncontrolled", + "n": "Radio Uncontrolled", + "d": "PatternFly examples and demos for Radio Uncontrolled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_radio/react/examples/RadioWithBody", + "n": "Radio With Body", + "d": "PatternFly examples and demos for Radio With Body.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_radio/react/examples/RadioWithDescription", + "n": "Radio With Description", + "d": "PatternFly examples and demos for Radio With Description.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_radio/react/examples/RadioWithDescriptionAndBody", + "n": "Radio With Description And Body", + "d": "PatternFly examples and demos for Radio With Description And Body.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_radio/text", + "n": "Forms Radio", + "d": "Radio buttons allow users to select 1 item from a list of options.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/forms_text-area/css", + "n": "Forms Text Area CSS", + "d": "PatternFly variables and tokens for Forms Text Area CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/forms_text-area/react/examples/TextAreaAutoResizing", + "n": "Text Area Auto Resizing", + "d": "PatternFly examples and demos for Text Area Auto Resizing.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_text-area/react/examples/TextAreaBasic", + "n": "Text Area Basic", + "d": "PatternFly examples and demos for Text Area Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_text-area/react/examples/TextAreaDisabled", + "n": "Text Area Disabled", + "d": "PatternFly examples and demos for Text Area Disabled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_text-area/react/examples/TextAreaHorizontallyResizable", + "n": "Text Area Horizontally Resizable", + "d": "PatternFly examples and demos for Text Area Horizontally Resizable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_text-area/react/examples/TextAreaInvalid", + "n": "Text Area Invalid", + "d": "PatternFly examples and demos for Text Area Invalid.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_text-area/react/examples/TextAreaReadOnly", + "n": "Text Area Read Only", + "d": "PatternFly examples and demos for Text Area Read Only.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_text-area/react/examples/TextAreaResizableNone", + "n": "Text Area Resizable None", + "d": "PatternFly examples and demos for Text Area Resizable None.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_text-area/react/examples/TextAreaUncontrolled", + "n": "Text Area Uncontrolled", + "d": "PatternFly examples and demos for Text Area Uncontrolled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_text-area/react/examples/TextAreaValidated", + "n": "Text Area Validated", + "d": "PatternFly examples and demos for Text Area Validated.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_text-area/react/examples/TextAreaVerticallyResizable", + "n": "Text Area Vertically Resizable", + "d": "PatternFly examples and demos for Text Area Vertically Resizable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_text-input/css", + "n": "Forms Text Input CSS", + "d": "PatternFly variables and tokens for Forms Text Input CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/forms_text-input/react/examples/TextInputBasic", + "n": "Text Input Basic", + "d": "PatternFly examples and demos for Text Input Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_text-input/react/examples/TextInputCustomIcon", + "n": "Text Input Custom Icon", + "d": "PatternFly examples and demos for Text Input Custom Icon.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_text-input/react/examples/TextInputCustomIconInvalid", + "n": "Text Input Custom Icon Invalid", + "d": "PatternFly examples and demos for Text Input Custom Icon Invalid.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_text-input/react/examples/TextInputDisabled", + "n": "Text Input Disabled", + "d": "PatternFly examples and demos for Text Input Disabled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_text-input/react/examples/TextInputInvalid", + "n": "Text Input Invalid", + "d": "PatternFly examples and demos for Text Input Invalid.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_text-input/react/examples/TextInputReadOnly", + "n": "Text Input Read Only", + "d": "PatternFly examples and demos for Text Input Read Only.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_text-input/react/examples/TextInputSelectUsingRef", + "n": "Text Input Select Using Ref", + "d": "PatternFly examples and demos for Text Input Select Using Ref.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_text-input/react/examples/TextInputStartTruncated", + "n": "Text Input Start Truncated", + "d": "PatternFly examples and demos for Text Input Start Truncated.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/forms_text-input/text", + "n": "Forms Text Input", + "d": "Be sure to size input fields appropriately to anticipate the longest likely value (if a maximum character length is known).", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/helper-text/css", + "n": "Helper Text CSS", + "d": "PatternFly variables and tokens for Helper Text CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/helper-text/react/examples/HelperTextBasic", + "n": "Helper Text Basic", + "d": "PatternFly examples and demos for Helper Text Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/helper-text/react/examples/HelperTextMultipleItems", + "n": "Helper Text Multiple Items", + "d": "PatternFly examples and demos for Helper Text Multiple Items.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/helper-text/react/examples/HelperTextWithCustomIcon", + "n": "Helper Text With Custom Icon", + "d": "PatternFly examples and demos for Helper Text With Custom Icon.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/helper-text/text", + "n": "Helper Text", + "d": "Helper text is most commonly used in conjunction with form elements to provide additional hints and information for the user. It can also be used to explain why certain information is being request...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/hero/css", + "n": "Hero CSS", + "d": "PatternFly variables and tokens for Hero CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/hero/html", + "n": "Hero", + "d": "PatternFly HTML examples and markup structure for Hero.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/hero/react", + "n": "Hero", + "d": "If you need finer control over the placement of text content within the Hero, such as when you omit a background image, adjust the bodyWidth and bodyMaxWidth properties. Be mindful of using these p...", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/components/hero/react/examples/HeroBasic", + "n": "Hero Basic", + "d": "PatternFly examples and demos for Hero Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/hero/text", + "n": "Hero", + "d": "Use a hero at the top of a home page or landing page to introduce a clear value proposition and primary call to action.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/hint/css", + "n": "Hint CSS", + "d": "PatternFly variables and tokens for Hint CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/hint/react/examples/HintActionsWithNoOffset", + "n": "Hint Actions With No Offset", + "d": "PatternFly examples and demos for Hint Actions With No Offset.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/hint/react/examples/HintBasicWithoutTitle", + "n": "Hint Basic Without Title", + "d": "PatternFly examples and demos for Hint Basic Without Title.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/hint/react/examples/HintBasicWithTitle", + "n": "Hint Basic With Title", + "d": "PatternFly examples and demos for Hint Basic With Title.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/hint/text", + "n": "Hint", + "d": "Use hints to share information about an interaction or prerequisite step that might not be immediately obvious to the user.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/icon/css", + "n": "Icon CSS", + "d": "PatternFly variables and tokens for Icon CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/icon/html", + "n": "Icon", + "d": "Use a size modifier on the icon container to maintain a consistent size, even if the contents change in size.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/icon/react", + "n": "Icon", + "d": "These are the standard options for sizing icons.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/components/inline-edit/css", + "n": "Inline Edit CSS", + "d": "PatternFly variables and tokens for Inline Edit CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/inline-edit/text", + "n": "Inline Edit", + "d": "Elements vary depending on the inline edit variation. Refer to element annotations with the page and table inline elements sections.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/input-group/css", + "n": "Input Group CSS", + "d": "PatternFly variables and tokens for Input Group CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/input-group/html", + "n": "Input Group", + "d": "Use the input group to extend form controls by adding text, buttons, selects, etc. The input group handles border overlap.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/components/input-group/react/examples/InputGroupBasic", + "n": "Input Group Basic", + "d": "PatternFly examples and demos for Input Group Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/input-group/react/examples/InputGroupWithDropdown", + "n": "Input Group With Dropdown", + "d": "PatternFly examples and demos for Input Group With Dropdown.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/input-group/react/examples/InputGroupWithSiblings", + "n": "Input Group With Siblings", + "d": "PatternFly examples and demos for Input Group With Siblings.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/input-group/react/examples/InputGroupWithTextarea", + "n": "Input Group With Textarea", + "d": "PatternFly examples and demos for Input Group With Textarea.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/input-group/text", + "n": "Input Group", + "d": "Input groups can combine multiple elements. For example you could add buttons to 1 or both sides of a text input, like in a search field or an email input field.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/jump-links/css", + "n": "Jump Links CSS", + "d": "PatternFly variables and tokens for Jump Links CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/jump-links/html", + "n": "Jump Links", + "d": "PatternFly HTML examples and markup structure for Jump Links.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/jump-links/react/examples/JumpLinksBasic", + "n": "Jump Links Basic", + "d": "PatternFly examples and demos for Jump Links Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/jump-links/react/examples/JumpLinksExpandableVerticalWithSubsection", + "n": "Jump Links Expandable Vertical With Subsection", + "d": "PatternFly examples and demos for Jump Links Expandable Vertical With Subsection.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/jump-links/react/examples/JumpLinksVertical", + "n": "Jump Links Vertical", + "d": "PatternFly examples and demos for Jump Links Vertical.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/jump-links/react/examples/JumpLinksVerticalWithLabel", + "n": "Jump Links Vertical With Label", + "d": "PatternFly examples and demos for Jump Links Vertical With Label.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/jump-links/react/examples/JumpLinksWithCenteredList", + "n": "Jump Links With Centered List", + "d": "PatternFly examples and demos for Jump Links With Centered List.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/jump-links/react/examples/JumpLinksWithLabel", + "n": "Jump Links With Label", + "d": "PatternFly examples and demos for Jump Links With Label.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/jump-links/text", + "n": "Jump Links", + "d": "Jump links provide a way to navigate through section headings on a page without scrolling. The highlighted active section changes as the user scrolls to the next section.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/label/css", + "n": "Label CSS", + "d": "PatternFly variables and tokens for Label CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/label/html", + "n": "Label", + "d": "This style of label is used to indicate overflow within a label group.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/label/react/examples/LabelCompact", + "n": "Label Compact", + "d": "PatternFly examples and demos for Label Compact.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/label/react/examples/LabelCustomRender", + "n": "Label Custom Render", + "d": "PatternFly examples and demos for Label Custom Render.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/label/react/examples/LabelEditable", + "n": "Label Editable", + "d": "PatternFly examples and demos for Label Editable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/label/react/examples/LabelFilled", + "n": "Label Filled", + "d": "PatternFly examples and demos for Label Filled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/label/react/examples/LabelGroupBasic", + "n": "Label Group Basic", + "d": "PatternFly examples and demos for Label Group Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/label/react/examples/LabelGroupCategory", + "n": "Label Group Category", + "d": "PatternFly examples and demos for Label Group Category.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/label/react/examples/LabelGroupCategoryRemovable", + "n": "Label Group Category Removable", + "d": "PatternFly examples and demos for Label Group Category Removable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/label/react/examples/LabelGroupEditableAdd", + "n": "Label Group Editable Add", + "d": "PatternFly examples and demos for Label Group Editable Add.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/label/react/examples/LabelGroupEditableLabels", + "n": "Label Group Editable Labels", + "d": "PatternFly examples and demos for Label Group Editable Labels.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/label/react/examples/LabelGroupOverflow", + "n": "Label Group Overflow", + "d": "PatternFly examples and demos for Label Group Overflow.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/label/react/examples/LabelGroupVerticalCategoryOverflowRemovable", + "n": "Label Group Vertical Category Overflow Removable", + "d": "PatternFly examples and demos for Label Group Vertical Category Overflow Removable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/label/react/examples/LabelOutline", + "n": "Label Outline", + "d": "PatternFly examples and demos for Label Outline.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/label/text", + "n": "Label", + "d": "You can customize labels by adjusting their visual styling or adding functionality to let users click, edit, or remove labels.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/list/css", + "n": "List CSS", + "d": "PatternFly variables and tokens for List CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/list/react/examples/ListBasic", + "n": "List Basic", + "d": "PatternFly examples and demos for List Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/list/react/examples/ListHorizontalRules", + "n": "List Horizontal Rules", + "d": "PatternFly examples and demos for List Horizontal Rules.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/list/react/examples/ListIcons", + "n": "List Icons", + "d": "PatternFly examples and demos for List Icons.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/list/react/examples/ListInline", + "n": "List Inline", + "d": "PatternFly examples and demos for List Inline.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/list/react/examples/ListLargeIcons", + "n": "List Large Icons", + "d": "PatternFly examples and demos for List Large Icons.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/list/react/examples/ListOrdered", + "n": "List Ordered", + "d": "PatternFly examples and demos for List Ordered.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/list/react/examples/ListPlain", + "n": "List Plain", + "d": "PatternFly examples and demos for List Plain.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/list/text", + "n": "List", + "d": "Use lists to organize information in a digestible format. Lists can be very useful when you have a lot of text on a page.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/login-page/css", + "n": "Login Page CSS", + "d": "PatternFly variables and tokens for Login Page CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/login-page/html", + "n": "Login Page", + "d": "PatternFly HTML examples and markup structure for Login Page.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/login-page/react", + "n": "Login Page", + "d": "By default, a login page requires users to enter both a username and a password into their respective fields. The username must always be a required field, but you can make the password optional by...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/login-page/text", + "n": "Login Page", + "d": "A login page is a standard screen that users can use to access an application. These pages are branded and can optionally display a description of the product and links to important related resources.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/masthead/css", + "n": "Masthead CSS", + "d": "PatternFly variables and tokens for Masthead CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/masthead/react/examples/MastheadBasic", + "n": "Masthead Basic", + "d": "PatternFly examples and demos for Masthead Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/masthead/react/examples/MastheadBasicMixedContent", + "n": "Masthead Basic Mixed Content", + "d": "PatternFly examples and demos for Masthead Basic Mixed Content.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/masthead/react/examples/MastheadDisplayInline", + "n": "Masthead Display Inline", + "d": "PatternFly examples and demos for Masthead Display Inline.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/masthead/react/examples/MastheadDisplayStack", + "n": "Masthead Display Stack", + "d": "PatternFly examples and demos for Masthead Display Stack.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/masthead/react/examples/MastheadDisplayStackInlineResponsive", + "n": "Masthead Display Stack Inline Responsive", + "d": "PatternFly examples and demos for Masthead Display Stack Inline Responsive.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/masthead/react/examples/MastheadInsets", + "n": "Masthead Insets", + "d": "PatternFly examples and demos for Masthead Insets.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/masthead/react/examples/MastheadLogoCustomComponent", + "n": "Masthead Logo Custom Component", + "d": "PatternFly examples and demos for Masthead Logo Custom Component.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/masthead/text", + "n": "Masthead", + "d": "1. Show/hide menu: The fa-bars icon at the left of the masthead provides a way for users to show or hide the vertical navigation. It is not included when horizontal navigation is being used. At lar...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/menus_application-launcher/text", + "n": "Menus Application Launcher", + "d": "Application launchers are usually found within the masthead of a UI. They are commonly used when you want to allow users to launch multiple applications from a common location. Use the external lin...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/menus_context-selector/text", + "n": "Menus Context Selector", + "d": "Context selectors enable a user to switch between different application contexts. They can be placed at many levels of an application’s information architecture and may have different behavior expe...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/menus_dropdown/css", + "n": "Menus Dropdown CSS", + "d": "PatternFly variables and tokens for Menus Dropdown CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/menus_dropdown/react/examples/DropdownBasic", + "n": "Dropdown Basic", + "d": "PatternFly examples and demos for Dropdown Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_dropdown/react/examples/DropdownWithDescriptions", + "n": "Dropdown With Descriptions", + "d": "PatternFly examples and demos for Dropdown With Descriptions.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_dropdown/react/examples/DropdownWithGroups", + "n": "Dropdown With Groups", + "d": "PatternFly examples and demos for Dropdown With Groups.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_dropdown/react/examples/DropdownWithKebabToggle", + "n": "Dropdown With Kebab Toggle", + "d": "PatternFly examples and demos for Dropdown With Kebab Toggle.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_dropdown/react/examples/DropdownWithSplit", + "n": "Dropdown With Split", + "d": "PatternFly examples and demos for Dropdown With Split.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_dropdown/text", + "n": "Menus Dropdown", + "d": "A basic dropdown consists of a toggle control to open and close a menu of actions or links.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/css", + "n": "Menus Menu Toggle CSS", + "d": "PatternFly variables and tokens for Menus Menu Toggle CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/html", + "n": "Menus Menu Toggle", + "d": "Shown with default, primary, and secondary styling", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuToggleAvatarText", + "n": "Menu Toggle Avatar Text", + "d": "PatternFly examples and demos for Menu Toggle Avatar Text.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuToggleBadge", + "n": "Menu Toggle Badge", + "d": "PatternFly examples and demos for Menu Toggle Badge.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuToggleCollapsed", + "n": "Menu Toggle Collapsed", + "d": "PatternFly examples and demos for Menu Toggle Collapsed.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuToggleCustomIcon", + "n": "Menu Toggle Custom Icon", + "d": "PatternFly examples and demos for Menu Toggle Custom Icon.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuToggleDisabled", + "n": "Menu Toggle Disabled", + "d": "PatternFly examples and demos for Menu Toggle Disabled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuToggleFullHeight", + "n": "Menu Toggle Full Height", + "d": "PatternFly examples and demos for Menu Toggle Full Height.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuToggleFullWidth", + "n": "Menu Toggle Full Width", + "d": "PatternFly examples and demos for Menu Toggle Full Width.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuToggleInForm", + "n": "Menu Toggle In Form", + "d": "PatternFly examples and demos for Menu Toggle In Form.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuTogglePlaceholder", + "n": "Menu Toggle Placeholder", + "d": "PatternFly examples and demos for Menu Toggle Placeholder.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuTogglePlainCircle", + "n": "Menu Toggle Plain Circle", + "d": "PatternFly examples and demos for Menu Toggle Plain Circle.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuTogglePlainIcon", + "n": "Menu Toggle Plain Icon", + "d": "PatternFly examples and demos for Menu Toggle Plain Icon.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuTogglePlainTextLabel", + "n": "Menu Toggle Plain Text Label", + "d": "PatternFly examples and demos for Menu Toggle Plain Text Label.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuToggleSettings", + "n": "Menu Toggle Settings", + "d": "PatternFly examples and demos for Menu Toggle Settings.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuToggleSmall", + "n": "Menu Toggle Small", + "d": "PatternFly examples and demos for Menu Toggle Small.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuToggleSplitButtonAction", + "n": "Menu Toggle Split Button Action", + "d": "PatternFly examples and demos for Menu Toggle Split Button Action.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuToggleSplitButtonCheckbox", + "n": "Menu Toggle Split Button Checkbox", + "d": "PatternFly examples and demos for Menu Toggle Split Button Checkbox.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuToggleSplitButtonCheckboxWithText", + "n": "Menu Toggle Split Button Checkbox With Text", + "d": "PatternFly examples and demos for Menu Toggle Split Button Checkbox With Text.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuToggleSplitButtonCheckboxWithToggleText", + "n": "Menu Toggle Split Button Checkbox With Toggle Text", + "d": "PatternFly examples and demos for Menu Toggle Split Button Checkbox With Toggle Text.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuToggleStatus", + "n": "Menu Toggle Status", + "d": "PatternFly examples and demos for Menu Toggle Status.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuToggleTypeahead", + "n": "Menu Toggle Typeahead", + "d": "PatternFly examples and demos for Menu Toggle Typeahead.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/react/examples/MenuToggleVariantStyles", + "n": "Menu Toggle Variant Styles", + "d": "PatternFly examples and demos for Menu Toggle Variant Styles.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu-toggle/text", + "n": "Menus Menu Toggle", + "d": "To implement an accessible PatternFly menu toggle component.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/menus_menu/css", + "n": "Menus Menu CSS", + "d": "PatternFly variables and tokens for Menus Menu CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuBasic", + "n": "Menu Basic", + "d": "PatternFly examples and demos for Menu Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuDangerMenuItem", + "n": "Menu Danger Menu Item", + "d": "PatternFly examples and demos for Menu Danger Menu Item.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuFilterDrilldown", + "n": "Menu Filter Drilldown", + "d": "PatternFly examples and demos for Menu Filter Drilldown.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuFilteringWithSearchInput", + "n": "Menu Filtering With Search Input", + "d": "PatternFly examples and demos for Menu Filtering With Search Input.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuOptionMultiSelect", + "n": "Menu Option Multi Select", + "d": "PatternFly examples and demos for Menu Option Multi Select.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuOptionSingleSelect", + "n": "Menu Option Single Select", + "d": "PatternFly examples and demos for Menu Option Single Select.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuScrollable", + "n": "Menu Scrollable", + "d": "PatternFly examples and demos for Menu Scrollable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuScrollableCustomMenuHeight", + "n": "Menu Scrollable Custom Menu Height", + "d": "PatternFly examples and demos for Menu Scrollable Custom Menu Height.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuWithActions", + "n": "Menu With Actions", + "d": "PatternFly examples and demos for Menu With Actions.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuWithCheckbox", + "n": "Menu With Checkbox", + "d": "PatternFly examples and demos for Menu With Checkbox.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuWithDescription", + "n": "Menu With Description", + "d": "PatternFly examples and demos for Menu With Description.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuWithDrilldown", + "n": "Menu With Drilldown", + "d": "PatternFly examples and demos for Menu With Drilldown.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuWithDrilldownBreadcrumbs", + "n": "Menu With Drilldown Breadcrumbs", + "d": "PatternFly examples and demos for Menu With Drilldown Breadcrumbs.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuWithDrilldownInitialState", + "n": "Menu With Drilldown Initial State", + "d": "PatternFly examples and demos for Menu With Drilldown Initial State.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuWithDrilldownSubmenuFunctions", + "n": "Menu With Drilldown Submenu Functions", + "d": "PatternFly examples and demos for Menu With Drilldown Submenu Functions.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuWithFavorites", + "n": "Menu With Favorites", + "d": "PatternFly examples and demos for Menu With Favorites.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuWithFooter", + "n": "Menu With Footer", + "d": "PatternFly examples and demos for Menu With Footer.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuWithIcons", + "n": "Menu With Icons", + "d": "PatternFly examples and demos for Menu With Icons.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuWithLinks", + "n": "Menu With Links", + "d": "PatternFly examples and demos for Menu With Links.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuWithSeparators", + "n": "Menu With Separators", + "d": "PatternFly examples and demos for Menu With Separators.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuWithTitledGroups", + "n": "Menu With Titled Groups", + "d": "PatternFly examples and demos for Menu With Titled Groups.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/react/examples/MenuWithViewMore", + "n": "Menu With View More", + "d": "PatternFly examples and demos for Menu With View More.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_menu/text", + "n": "Menus Menu", + "d": "We offer a variety of menu variations, which address a range of design goals. The type of menu you should use depends on your scenario.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/menus_select/react/examples/SelectBasic", + "n": "Select Basic", + "d": "PatternFly examples and demos for Select Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_select/react/examples/SelectCheckbox", + "n": "Select Checkbox", + "d": "PatternFly examples and demos for Select Checkbox.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_select/react/examples/SelectFooter", + "n": "Select Footer", + "d": "PatternFly examples and demos for Select Footer.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_select/react/examples/SelectGrouped", + "n": "Select Grouped", + "d": "PatternFly examples and demos for Select Grouped.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_select/react/examples/SelectMultiTypeahead", + "n": "Select Multi Typeahead", + "d": "PatternFly examples and demos for Select Multi Typeahead.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_select/react/examples/SelectMultiTypeaheadCheckbox", + "n": "Select Multi Typeahead Checkbox", + "d": "PatternFly examples and demos for Select Multi Typeahead Checkbox.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_select/react/examples/SelectMultiTypeaheadCreatable", + "n": "Select Multi Typeahead Creatable", + "d": "PatternFly examples and demos for Select Multi Typeahead Creatable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_select/react/examples/SelectOptionVariations", + "n": "Select Option Variations", + "d": "PatternFly examples and demos for Select Option Variations.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_select/react/examples/SelectTypeahead", + "n": "Select Typeahead", + "d": "PatternFly examples and demos for Select Typeahead.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_select/react/examples/SelectTypeaheadCreatable", + "n": "Select Typeahead Creatable", + "d": "PatternFly examples and demos for Select Typeahead Creatable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_select/react/examples/SelectValidated", + "n": "Select Validated", + "d": "PatternFly examples and demos for Select Validated.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_select/react/examples/SelectViewMore", + "n": "Select View More", + "d": "PatternFly examples and demos for Select View More.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/menus_select/text", + "n": "Menus Select", + "d": "A select component consists of a toggle control to open and close a menu of actions or links. Selects differ from dropdowns in that they persist selection, whereas dropdowns are typically used to p...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/modal/css", + "n": "Modal CSS", + "d": "PatternFly variables and tokens for Modal CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/modal/html", + "n": "Modal", + "d": "The status modifier classes can be applied directly to the modal title element, instead of the parent modal.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/modal/react", + "n": "Modal", + "d": "Basic modals give users the option to either confirm or cancel an action.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/components/modal/text", + "n": "Modal", + "d": "For guidance on writing copy for modals, refer to the content considerations section.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/navigation/css", + "n": "Navigation CSS", + "d": "PatternFly variables and tokens for Navigation CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/navigation/react/examples/NavDefault", + "n": "Nav Default", + "d": "PatternFly examples and demos for Nav Default.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/navigation/react/examples/NavDrilldown", + "n": "Nav Drilldown", + "d": "PatternFly examples and demos for Nav Drilldown.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/navigation/react/examples/NavExpandable", + "n": "Nav Expandable", + "d": "PatternFly examples and demos for Nav Expandable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/navigation/react/examples/NavExpandableThirdLevel", + "n": "Nav Expandable Third Level", + "d": "PatternFly examples and demos for Nav Expandable Third Level.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/navigation/react/examples/NavFlyout", + "n": "Nav Flyout", + "d": "PatternFly examples and demos for Nav Flyout.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/navigation/react/examples/NavGrouped", + "n": "Nav Grouped", + "d": "PatternFly examples and demos for Nav Grouped.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/navigation/react/examples/NavHorizontalNav", + "n": "Nav Horizontal Nav", + "d": "PatternFly examples and demos for Nav Horizontal Nav.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/navigation/react/examples/NavHorizontalSubNav", + "n": "Nav Horizontal Sub Nav", + "d": "PatternFly examples and demos for Nav Horizontal Sub Nav.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/navigation/react/examples/NavIcons", + "n": "Nav Icons", + "d": "PatternFly examples and demos for Nav Icons.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/navigation/react/examples/NavMixed", + "n": "Nav Mixed", + "d": "PatternFly examples and demos for Nav Mixed.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/navigation/text", + "n": "Navigation", + "d": "Use navigation to organize a page's structure and content for user clarity and convenience. Use cases differ depending on component variation.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/notification-badge/react/examples/NotificationBadgeBasic", + "n": "Notification Badge Basic", + "d": "PatternFly examples and demos for Notification Badge Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/notification-badge/react/examples/NotificationBadgeWithAnimation", + "n": "Notification Badge With Animation", + "d": "PatternFly examples and demos for Notification Badge With Animation.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/notification-badge/react/examples/NotificationBadgeWithCount", + "n": "Notification Badge With Count", + "d": "PatternFly examples and demos for Notification Badge With Count.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/notification-badge/text", + "n": "Notification Badge", + "d": "to 'pf-icon-attention-bell'.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/notification-drawer/css", + "n": "Notification Drawer CSS", + "d": "PatternFly variables and tokens for Notification Drawer CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/notification-drawer/html", + "n": "Notification Drawer", + "d": "PatternFly HTML examples and markup structure for Notification Drawer.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/notification-drawer/react/examples/NotificationDrawerBasic", + "n": "Notification Drawer Basic", + "d": "PatternFly examples and demos for Notification Drawer Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/notification-drawer/react/examples/NotificationDrawerGroups", + "n": "Notification Drawer Groups", + "d": "PatternFly examples and demos for Notification Drawer Groups.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/notification-drawer/react/examples/NotificationDrawerLightweight", + "n": "Notification Drawer Lightweight", + "d": "PatternFly examples and demos for Notification Drawer Lightweight.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/notification-drawer/text", + "n": "Notification Drawer", + "d": "- Mark all read: Marks all notifications in the drawer as read.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/number-input/css", + "n": "Number Input CSS", + "d": "PatternFly variables and tokens for Number Input CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/number-input/react/examples/NumberInputCustomStep", + "n": "Number Input Custom Step", + "d": "PatternFly examples and demos for Number Input Custom Step.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/number-input/react/examples/NumberInputCustomStepAndThreshold", + "n": "Number Input Custom Step And Threshold", + "d": "PatternFly examples and demos for Number Input Custom Step And Threshold.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/number-input/react/examples/NumberInputDefault", + "n": "Number Input Default", + "d": "PatternFly examples and demos for Number Input Default.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/number-input/react/examples/NumberInputDisabled", + "n": "Number Input Disabled", + "d": "PatternFly examples and demos for Number Input Disabled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/number-input/react/examples/NumberInputUnit", + "n": "Number Input Unit", + "d": "PatternFly examples and demos for Number Input Unit.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/number-input/react/examples/NumberInputUnitThreshold", + "n": "Number Input Unit Threshold", + "d": "PatternFly examples and demos for Number Input Unit Threshold.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/number-input/react/examples/NumberInputVaryingSizes", + "n": "Number Input Varying Sizes", + "d": "PatternFly examples and demos for Number Input Varying Sizes.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/number-input/react/examples/NumberInputWithStatus", + "n": "Number Input With Status", + "d": "PatternFly examples and demos for Number Input With Status.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/number-input/text", + "n": "Number Input", + "d": "Users need a quick and precise way to adjust values within defined parameters.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/overflow-menu/css", + "n": "Overflow Menu CSS", + "d": "PatternFly variables and tokens for Overflow Menu CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/overflow-menu/react/examples/OverflowMenuBreakpointOnContainer", + "n": "Overflow Menu Breakpoint On Container", + "d": "PatternFly examples and demos for Overflow Menu Breakpoint On Container.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/overflow-menu/react/examples/OverflowMenuGroupTypes", + "n": "Overflow Menu Group Types", + "d": "PatternFly examples and demos for Overflow Menu Group Types.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/overflow-menu/react/examples/OverflowMenuMultiGroup", + "n": "Overflow Menu Multi Group", + "d": "PatternFly examples and demos for Overflow Menu Multi Group.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/overflow-menu/react/examples/OverflowMenuPersistent", + "n": "Overflow Menu Persistent", + "d": "PatternFly examples and demos for Overflow Menu Persistent.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/overflow-menu/react/examples/OverflowMenuSimple", + "n": "Overflow Menu Simple", + "d": "PatternFly examples and demos for Overflow Menu Simple.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/overflow-menu/react/examples/OverflowMenuSimpleVertical", + "n": "Overflow Menu Simple Vertical", + "d": "PatternFly examples and demos for Overflow Menu Simple Vertical.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/overflow-menu/text", + "n": "Overflow Menu", + "d": "Use an overflow menu when a space constraint makes it impossible to display all additional options in a horizontal layout, like a toolbar or table row. Overflow menus are commonly used when a UI sw...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/overview/text", + "n": "Components Overview", + "d": "Components are the foundational building blocks of the PatternFly design system. They are reusable, well-tested UI elements designed to ensure visual and functional consistency across all your prod...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/page/css", + "n": "Page CSS", + "d": "PatternFly variables and tokens for Page CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/page/react/examples/PageCenteredSection", + "n": "Page Centered Section", + "d": "PatternFly examples and demos for Page Centered Section.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/page/react/examples/PageDynamicStickySection", + "n": "Page Dynamic Sticky Section", + "d": "PatternFly examples and demos for Page Dynamic Sticky Section.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/page/react/examples/PageGroupSection", + "n": "Page Group Section", + "d": "PatternFly examples and demos for Page Group Section.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/page/react/examples/PageHorizontalNav", + "n": "Page Horizontal Nav", + "d": "PatternFly examples and demos for Page Horizontal Nav.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/page/react/examples/PageMainSectionPadding", + "n": "Page Main Section Padding", + "d": "PatternFly examples and demos for Page Main Section Padding.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/page/react/examples/PageMainSectionVariations", + "n": "Page Main Section Variations", + "d": "PatternFly examples and demos for Page Main Section Variations.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/page/react/examples/PageMultipleSidebarBody", + "n": "Page Multiple Sidebar Body", + "d": "PatternFly examples and demos for Page Multiple Sidebar Body.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/page/react/examples/PagePlainSections", + "n": "Page Plain Sections", + "d": "PatternFly examples and demos for Page Plain Sections.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/page/react/examples/PageUncontrolledNav", + "n": "Page Uncontrolled Nav", + "d": "PatternFly examples and demos for Page Uncontrolled Nav.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/page/react/examples/PageVerticalNav", + "n": "Page Vertical Nav", + "d": "PatternFly examples and demos for Page Vertical Nav.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/page/react/examples/PageWithOrWithoutFill", + "n": "Page With Or Without Fill", + "d": "PatternFly examples and demos for Page With Or Without Fill.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/page/text", + "n": "Page", + "d": "The basic layout of a page differs depending on whether your application uses vertical or horizontal primary navigation as illustrated below.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/pagination/css", + "n": "Pagination CSS", + "d": "PatternFly variables and tokens for Pagination CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/pagination/react/examples/PaginationBottom", + "n": "Pagination Bottom", + "d": "PatternFly examples and demos for Pagination Bottom.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/pagination/react/examples/PaginationCompact", + "n": "Pagination Compact", + "d": "PatternFly examples and demos for Pagination Compact.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/pagination/react/examples/PaginationDisabled", + "n": "Pagination Disabled", + "d": "PatternFly examples and demos for Pagination Disabled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/pagination/react/examples/PaginationIndeterminate", + "n": "Pagination Indeterminate", + "d": "PatternFly examples and demos for Pagination Indeterminate.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/pagination/react/examples/PaginationInset", + "n": "Pagination Inset", + "d": "PatternFly examples and demos for Pagination Inset.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/pagination/react/examples/PaginationNoItems", + "n": "Pagination No Items", + "d": "PatternFly examples and demos for Pagination No Items.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/pagination/react/examples/PaginationOffset", + "n": "Pagination Offset", + "d": "PatternFly examples and demos for Pagination Offset.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/pagination/react/examples/PaginationOnePage", + "n": "Pagination One Page", + "d": "PatternFly examples and demos for Pagination One Page.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/pagination/react/examples/PaginationTop", + "n": "Pagination Top", + "d": "PatternFly examples and demos for Pagination Top.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/pagination/text", + "n": "Pagination", + "d": "Pagination allows users to conveniently navigate through content-dense components or page elements.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/panel/css", + "n": "Panel CSS", + "d": "PatternFly variables and tokens for Panel CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/panel/react/examples/PanelBasic", + "n": "Panel Basic", + "d": "PatternFly examples and demos for Panel Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/panel/react/examples/PanelBordered", + "n": "Panel Bordered", + "d": "PatternFly examples and demos for Panel Bordered.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/panel/react/examples/PanelFooterExample", + "n": "Panel Footer Example", + "d": "PatternFly examples and demos for Panel Footer Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/panel/react/examples/PanelHeaderExample", + "n": "Panel Header Example", + "d": "PatternFly examples and demos for Panel Header Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/panel/react/examples/PanelHeaderFooter", + "n": "Panel Header Footer", + "d": "PatternFly examples and demos for Panel Header Footer.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/panel/react/examples/PanelNoBody", + "n": "Panel No Body", + "d": "PatternFly examples and demos for Panel No Body.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/panel/react/examples/PanelPill", + "n": "Panel Pill", + "d": "PatternFly examples and demos for Panel Pill.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/panel/react/examples/PanelRaised", + "n": "Panel Raised", + "d": "PatternFly examples and demos for Panel Raised.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/panel/react/examples/PanelScrollable", + "n": "Panel Scrollable", + "d": "PatternFly examples and demos for Panel Scrollable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/panel/react/examples/PanelScrollableHeaderFooter", + "n": "Panel Scrollable Header Footer", + "d": "PatternFly examples and demos for Panel Scrollable Header Footer.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/panel/react/examples/PanelScrollableWithAutoHeight", + "n": "Panel Scrollable With Auto Height", + "d": "PatternFly examples and demos for Panel Scrollable With Auto Height.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/panel/react/examples/PanelSecondaryVariant", + "n": "Panel Secondary Variant", + "d": "PatternFly examples and demos for Panel Secondary Variant.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/panel/text", + "n": "Panel", + "d": "Panels are commonly used.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/password-strength/text", + "n": "Password Strength", + "d": "A password strength indicator is displayed to a user after they have entered a password in a field. It allows the user to understand the strength of a password after it has met the password require...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/popover/css", + "n": "Popover CSS", + "d": "PatternFly variables and tokens for Popover CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/popover/html", + "n": "Popover", + "d": "A popover is used to provide contextual information for another component on click. The popover itself is made up of two main elements: arrow and content. The content element follows the pattern of...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/popover/react/examples/PopoverAdvanced", + "n": "Popover Advanced", + "d": "PatternFly examples and demos for Popover Advanced.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/popover/react/examples/PopoverAlert", + "n": "Popover Alert", + "d": "PatternFly examples and demos for Popover Alert.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/popover/react/examples/PopoverBasic", + "n": "Popover Basic", + "d": "PatternFly examples and demos for Popover Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/popover/react/examples/PopoverCloseControlled", + "n": "Popover Close Controlled", + "d": "PatternFly examples and demos for Popover Close Controlled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/popover/react/examples/PopoverCloseUncontrolled", + "n": "Popover Close Uncontrolled", + "d": "PatternFly examples and demos for Popover Close Uncontrolled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/popover/react/examples/PopoverCustomFocus", + "n": "Popover Custom Focus", + "d": "PatternFly examples and demos for Popover Custom Focus.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/popover/react/examples/PopoverReactRef", + "n": "Popover React Ref", + "d": "PatternFly examples and demos for Popover React Ref.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/popover/react/examples/PopoverSelectorRef", + "n": "Popover Selector Ref", + "d": "PatternFly examples and demos for Popover Selector Ref.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/popover/react/examples/PopoverWidthAuto", + "n": "Popover Width Auto", + "d": "PatternFly examples and demos for Popover Width Auto.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/popover/react/examples/PopoverWithIconInTheTitle", + "n": "Popover With Icon In The Title", + "d": "PatternFly examples and demos for Popover With Icon In The Title.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/popover/react/examples/PopoverWithoutHeaderFooterCloseNoPadding", + "n": "Popover Without Header Footer Close No Padding", + "d": "PatternFly examples and demos for Popover Without Header Footer Close No Padding.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/popover/text", + "n": "Popover", + "d": "Popovers are commonly used on form field labels, page titles or headings, or table column headings. Use popovers to.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/progress-stepper/css", + "n": "Progress Stepper CSS", + "d": "PatternFly variables and tokens for Progress Stepper CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/progress-stepper/react/examples/ProgressStepperBasic", + "n": "Progress Stepper Basic", + "d": "PatternFly examples and demos for Progress Stepper Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress-stepper/react/examples/ProgressStepperBasicFailure", + "n": "Progress Stepper Basic Failure", + "d": "PatternFly examples and demos for Progress Stepper Basic Failure.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress-stepper/react/examples/ProgressStepperBasicIssue", + "n": "Progress Stepper Basic Issue", + "d": "PatternFly examples and demos for Progress Stepper Basic Issue.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress-stepper/react/examples/ProgressStepperBasicWithAlignment", + "n": "Progress Stepper Basic With Alignment", + "d": "PatternFly examples and demos for Progress Stepper Basic With Alignment.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress-stepper/react/examples/ProgressStepperBasicWithDescription", + "n": "Progress Stepper Basic With Description", + "d": "PatternFly examples and demos for Progress Stepper Basic With Description.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress-stepper/react/examples/ProgressStepperCompact", + "n": "Progress Stepper Compact", + "d": "PatternFly examples and demos for Progress Stepper Compact.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress-stepper/react/examples/ProgressStepperCustomIcons", + "n": "Progress Stepper Custom Icons", + "d": "PatternFly examples and demos for Progress Stepper Custom Icons.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress-stepper/react/examples/ProgressStepperHelpPopover", + "n": "Progress Stepper Help Popover", + "d": "PatternFly examples and demos for Progress Stepper Help Popover.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress-stepper/text", + "n": "Progress Stepper", + "d": "A progress stepper displays progress through a sequence of linear steps and highlights what step the user is currently on.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/progress/css", + "n": "Progress CSS", + "d": "PatternFly variables and tokens for Progress CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/progress/react/examples/ProgressBasic", + "n": "Progress Basic", + "d": "PatternFly examples and demos for Progress Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress/react/examples/ProgressFailure", + "n": "Progress Failure", + "d": "PatternFly examples and demos for Progress Failure.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress/react/examples/ProgressFiniteStep", + "n": "Progress Finite Step", + "d": "PatternFly examples and demos for Progress Finite Step.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress/react/examples/ProgressHelperText", + "n": "Progress Helper Text", + "d": "PatternFly examples and demos for Progress Helper Text.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress/react/examples/ProgressInside", + "n": "Progress Inside", + "d": "PatternFly examples and demos for Progress Inside.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress/react/examples/ProgressInteractiveFailure", + "n": "Progress Interactive Failure", + "d": "PatternFly examples and demos for Progress Interactive Failure.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress/react/examples/ProgressLarge", + "n": "Progress Large", + "d": "PatternFly examples and demos for Progress Large.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress/react/examples/ProgressOutside", + "n": "Progress Outside", + "d": "PatternFly examples and demos for Progress Outside.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress/react/examples/ProgressSingleLine", + "n": "Progress Single Line", + "d": "PatternFly examples and demos for Progress Single Line.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress/react/examples/ProgressSmall", + "n": "Progress Small", + "d": "PatternFly examples and demos for Progress Small.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress/react/examples/ProgressStepInstruction", + "n": "Progress Step Instruction", + "d": "PatternFly examples and demos for Progress Step Instruction.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress/react/examples/ProgressSuccess", + "n": "Progress Success", + "d": "PatternFly examples and demos for Progress Success.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress/react/examples/ProgressTitleOutsideOfProgressBar", + "n": "Progress Title Outside Of Progress Bar", + "d": "PatternFly examples and demos for Progress Title Outside Of Progress Bar.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress/react/examples/ProgressTruncateTitle", + "n": "Progress Truncate Title", + "d": "PatternFly examples and demos for Progress Truncate Title.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress/react/examples/ProgressWarning", + "n": "Progress Warning", + "d": "PatternFly examples and demos for Progress Warning.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress/react/examples/ProgressWithoutMeasure", + "n": "Progress Without Measure", + "d": "PatternFly examples and demos for Progress Without Measure.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/progress/text", + "n": "Progress", + "d": "Use a progress bar to keep users informed about how much effort or time they can expect to allocate for long or ongoing processes like loading or updating an app, submitting a form, or completing a...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/search-input/react/examples/SearchInputAdvanced", + "n": "Search Input Advanced", + "d": "PatternFly examples and demos for Search Input Advanced.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/search-input/react/examples/SearchInputBasic", + "n": "Search Input Basic", + "d": "PatternFly examples and demos for Search Input Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/search-input/react/examples/SearchInputFocusSearch", + "n": "Search Input Focus Search", + "d": "PatternFly examples and demos for Search Input Focus Search.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/search-input/react/examples/SearchInputWithExpandable", + "n": "Search Input With Expandable", + "d": "PatternFly examples and demos for Search Input With Expandable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/search-input/react/examples/SearchInputWithNavigableOptions", + "n": "Search Input With Navigable Options", + "d": "PatternFly examples and demos for Search Input With Navigable Options.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/search-input/react/examples/SearchInputWithResultCount", + "n": "Search Input With Result Count", + "d": "PatternFly examples and demos for Search Input With Result Count.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/search-input/react/examples/SearchInputWithSubmitButton", + "n": "Search Input With Submit Button", + "d": "PatternFly examples and demos for Search Input With Submit Button.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/search-input/text", + "n": "Search Input", + "d": "Use a search input when you want to either filter down or locate values from a dataset that match an inputted value.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/sidebar/css", + "n": "Sidebar CSS", + "d": "PatternFly variables and tokens for Sidebar CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/sidebar/html", + "n": "Sidebar", + "d": "PatternFly HTML examples and markup structure for Sidebar.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/sidebar/react/examples/SidebarBasic", + "n": "Sidebar Basic", + "d": "PatternFly examples and demos for Sidebar Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/sidebar/react/examples/SidebarBorder", + "n": "Sidebar Border", + "d": "PatternFly examples and demos for Sidebar Border.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/sidebar/react/examples/SidebarPaddingContent", + "n": "Sidebar Padding Content", + "d": "PatternFly examples and demos for Sidebar Padding Content.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/sidebar/react/examples/SidebarPaddingPanel", + "n": "Sidebar Padding Panel", + "d": "PatternFly examples and demos for Sidebar Padding Panel.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/sidebar/react/examples/SidebarPanelRightGutter", + "n": "Sidebar Panel Right Gutter", + "d": "PatternFly examples and demos for Sidebar Panel Right Gutter.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/sidebar/react/examples/SidebarResponsivePanel", + "n": "Sidebar Responsive Panel", + "d": "PatternFly examples and demos for Sidebar Responsive Panel.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/sidebar/react/examples/SidebarStack", + "n": "Sidebar Stack", + "d": "PatternFly examples and demos for Sidebar Stack.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/sidebar/react/examples/SidebarStaticPanel", + "n": "Sidebar Static Panel", + "d": "PatternFly examples and demos for Sidebar Static Panel.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/sidebar/react/examples/SidebarStickyPanel", + "n": "Sidebar Sticky Panel", + "d": "PatternFly examples and demos for Sidebar Sticky Panel.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/sidebar/text", + "n": "Sidebar", + "d": "Sidebars orient a panel box and a content box on a page. The panel and content can be stacked on top of one another, or placed side-by-side.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/simple-list/css", + "n": "Simple List CSS", + "d": "PatternFly variables and tokens for Simple List CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/simple-list/react/examples/SimpleListBasic", + "n": "Simple List Basic", + "d": "PatternFly examples and demos for Simple List Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/simple-list/react/examples/SimpleListGrouped", + "n": "Simple List Grouped", + "d": "PatternFly examples and demos for Simple List Grouped.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/simple-list/react/examples/SimpleListLinks", + "n": "Simple List Links", + "d": "PatternFly examples and demos for Simple List Links.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/simple-list/react/examples/SimpleListUncontrolled", + "n": "Simple List Uncontrolled", + "d": "PatternFly examples and demos for Simple List Uncontrolled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/simple-list/text", + "n": "Simple List", + "d": "A simple list is used when the information presented does not follow a specific pattern, or does not require bullets to differentiate one list item from another.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/skeleton/css", + "n": "Skeleton CSS", + "d": "PatternFly variables and tokens for Skeleton CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/skeleton/html", + "n": "Skeleton", + "d": "PatternFly HTML examples and markup structure for Skeleton.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/skeleton/react/examples/SkeletonDefault", + "n": "Skeleton Default", + "d": "PatternFly examples and demos for Skeleton Default.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/skeleton/react/examples/SkeletonPercentageHeight", + "n": "Skeleton Percentage Height", + "d": "PatternFly examples and demos for Skeleton Percentage Height.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/skeleton/react/examples/SkeletonPercentageWidth", + "n": "Skeleton Percentage Width", + "d": "PatternFly examples and demos for Skeleton Percentage Width.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/skeleton/react/examples/SkeletonShapes", + "n": "Skeleton Shapes", + "d": "PatternFly examples and demos for Skeleton Shapes.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/skeleton/react/examples/SkeletonText", + "n": "Skeleton Text", + "d": "PatternFly examples and demos for Skeleton Text.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/skeleton/text", + "n": "Skeleton", + "d": "A skeleton is a type of loading state that allows you to expose content incrementally, once the structure of the page has been loaded in. A skeleton should match the exact structure of the element ...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/skip-to-content/css", + "n": "Skip To Content CSS", + "d": "PatternFly variables and tokens for Skip To Content CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/skip-to-content/html", + "n": "Skip To Content", + "d": "Skip to content allows screen reader and keyboard users to bypass navigation rather than tabbing through it.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/skip-to-content/react", + "n": "Skip To Content", + "d": "PatternFly React component examples and demos for Skip To Content.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/skip-to-content/text", + "n": "Skip To Content", + "d": "To implement an accessible PatternFly skip to content.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/slider/css", + "n": "Slider CSS", + "d": "PatternFly variables and tokens for Slider CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/slider/react/examples/SliderActions", + "n": "Slider Actions", + "d": "PatternFly examples and demos for Slider Actions.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/slider/react/examples/SliderContinuous", + "n": "Slider Continuous", + "d": "PatternFly examples and demos for Slider Continuous.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/slider/react/examples/SliderDisabled", + "n": "Slider Disabled", + "d": "PatternFly examples and demos for Slider Disabled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/slider/react/examples/SliderDiscrete", + "n": "Slider Discrete", + "d": "PatternFly examples and demos for Slider Discrete.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/slider/react/examples/SliderThumbValueInput", + "n": "Slider Thumb Value Input", + "d": "PatternFly examples and demos for Slider Thumb Value Input.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/slider/react/examples/SliderValueInput", + "n": "Slider Value Input", + "d": "PatternFly examples and demos for Slider Value Input.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/slider/text", + "n": "Slider", + "d": "Users need a quick way to adjust values within a defined range, such as in a form.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/spinner/css", + "n": "Spinner CSS", + "d": "PatternFly variables and tokens for Spinner CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/spinner/react/examples/SpinnerBasic", + "n": "Spinner Basic", + "d": "PatternFly examples and demos for Spinner Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/spinner/react/examples/SpinnerCustomSize", + "n": "Spinner Custom Size", + "d": "PatternFly examples and demos for Spinner Custom Size.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/spinner/react/examples/SpinnerInline", + "n": "Spinner Inline", + "d": "PatternFly examples and demos for Spinner Inline.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/spinner/react/examples/SpinnerSizeVariations", + "n": "Spinner Size Variations", + "d": "PatternFly examples and demos for Spinner Size Variations.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/spinner/text", + "n": "Spinner", + "d": "Spinners are used to demonstrate data loading. Spinners are offered in different sizes that follow the sizing of our icons. These sizes include extra small, small, medium and large. Depending on th...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/switch/css", + "n": "Switch CSS", + "d": "PatternFly variables and tokens for Switch CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/switch/react/examples/SwitchBasic", + "n": "Switch Basic", + "d": "PatternFly examples and demos for Switch Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/switch/react/examples/SwitchCheckedWithLabel", + "n": "Switch Checked With Label", + "d": "PatternFly examples and demos for Switch Checked With Label.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/switch/react/examples/SwitchDisabled", + "n": "Switch Disabled", + "d": "PatternFly examples and demos for Switch Disabled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/switch/react/examples/SwitchReversed", + "n": "Switch Reversed", + "d": "PatternFly examples and demos for Switch Reversed.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/switch/react/examples/SwitchUncontrolled", + "n": "Switch Uncontrolled", + "d": "PatternFly examples and demos for Switch Uncontrolled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/switch/react/examples/SwitchWithoutLabel", + "n": "Switch Without Label", + "d": "PatternFly examples and demos for Switch Without Label.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/switch/text", + "n": "Switch", + "d": "Use a switch to allow users to toggle a setting on and off. When a user toggles a switch, the change should save automatically without the need for additional action (like clicking a \"Save\" button).", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/table/css", + "n": "Table CSS", + "d": "PatternFly variables and tokens for Table CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/table/html", + "n": "Examples", + "d": "These classes can be used to ensure that the table changes between the tabular and grid-based layout at an appropriate screen width.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/table/text", + "n": "Table", + "d": "When using tables, consider the structure of the data you want to display, and organize that information into columns.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/table/text-demos", + "n": "Table", + "d": "The below example illustrates the isLastFullPageShown prop, which makes the following changes when the user sets the number of items to display per page to an amount that exceeds the remaining amou...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/table/text-deprecated", + "n": "Table", + "d": "Note: Table lives in its own package at @patternfly/react-table!", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/components/tabs/css", + "n": "Tabs CSS", + "d": "PatternFly variables and tokens for Tabs CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsBoxSecondary", + "n": "Tabs Box Secondary", + "d": "PatternFly examples and demos for Tabs Box Secondary.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsChildrenMounting", + "n": "Tabs Children Mounting", + "d": "PatternFly examples and demos for Tabs Children Mounting.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsContentWithBodyPadding", + "n": "Tabs Content With Body Padding", + "d": "PatternFly examples and demos for Tabs Content With Body Padding.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsDefault", + "n": "Tabs Default", + "d": "PatternFly examples and demos for Tabs Default.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsDefaultOverflow", + "n": "Tabs Default Overflow", + "d": "PatternFly examples and demos for Tabs Default Overflow.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsDynamic", + "n": "Tabs Dynamic", + "d": "PatternFly examples and demos for Tabs Dynamic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsFilledWithIcons", + "n": "Tabs Filled With Icons", + "d": "PatternFly examples and demos for Tabs Filled With Icons.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsHelp", + "n": "Tabs Help", + "d": "PatternFly examples and demos for Tabs Help.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsHelpAndClose", + "n": "Tabs Help And Close", + "d": "PatternFly examples and demos for Tabs Help And Close.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsHorizontalOverflow", + "n": "Tabs Horizontal Overflow", + "d": "PatternFly examples and demos for Tabs Horizontal Overflow.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsIconAndText", + "n": "Tabs Icon And Text", + "d": "PatternFly examples and demos for Tabs Icon And Text.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsInset", + "n": "Tabs Inset", + "d": "PatternFly examples and demos for Tabs Inset.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsNav", + "n": "Tabs Nav", + "d": "PatternFly examples and demos for Tabs Nav.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsNavSubtab", + "n": "Tabs Nav Subtab", + "d": "PatternFly examples and demos for Tabs Nav Subtab.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsPageInsets", + "n": "Tabs Page Insets", + "d": "PatternFly examples and demos for Tabs Page Insets.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsSeparateContent", + "n": "Tabs Separate Content", + "d": "PatternFly examples and demos for Tabs Separate Content.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsSiteNav", + "n": "Tabs Site Nav", + "d": "PatternFly examples and demos for Tabs Site Nav.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsSubtabs", + "n": "Tabs Subtabs", + "d": "PatternFly examples and demos for Tabs Subtabs.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsToggledSeparateContent", + "n": "Tabs Toggled Separate Content", + "d": "PatternFly examples and demos for Tabs Toggled Separate Content.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsTooltipReactRef", + "n": "Tabs Tooltip React Ref", + "d": "PatternFly examples and demos for Tabs Tooltip React Ref.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsUncontrolled", + "n": "Tabs Uncontrolled", + "d": "PatternFly examples and demos for Tabs Uncontrolled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsUnmountingInvisibleChildren", + "n": "Tabs Unmounting Invisible Children", + "d": "PatternFly examples and demos for Tabs Unmounting Invisible Children.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsVertical", + "n": "Tabs Vertical", + "d": "PatternFly examples and demos for Tabs Vertical.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsVerticalExpandable", + "n": "Tabs Vertical Expandable", + "d": "PatternFly examples and demos for Tabs Vertical Expandable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/react/examples/TabsVerticalExpandableUncontrolled", + "n": "Tabs Vertical Expandable Uncontrolled", + "d": "PatternFly examples and demos for Tabs Vertical Expandable Uncontrolled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tabs/text", + "n": "Tabs", + "d": "Use tabs when you want to organize information into highly scannable display for users.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/text-input-group/css", + "n": "Text Input Group CSS", + "d": "PatternFly variables and tokens for Text Input Group CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/text-input-group/react/examples/TextInputGroupBasic", + "n": "Text Input Group Basic", + "d": "PatternFly examples and demos for Text Input Group Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/text-input-group/react/examples/TextInputGroupDisabled", + "n": "Text Input Group Disabled", + "d": "PatternFly examples and demos for Text Input Group Disabled.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/text-input-group/react/examples/TextInputGroupFilters", + "n": "Text Input Group Filters", + "d": "PatternFly examples and demos for Text Input Group Filters.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/text-input-group/react/examples/TextInputGroupUtilitiesAndIcon", + "n": "Text Input Group Utilities And Icon", + "d": "PatternFly examples and demos for Text Input Group Utilities And Icon.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/text-input-group/react/examples/TextInputGroupWithStatus", + "n": "Text Input Group With Status", + "d": "PatternFly examples and demos for Text Input Group With Status.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/text-input-group/text", + "n": "Text Input Group", + "d": "The text input group component is useful for building more complex custom inputs. Its usage includes, but is not limited to, the following use cases. Interactive examples of these are available as ...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/tile/css", + "n": "Tile CSS", + "d": "PatternFly variables and tokens for Tile CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/tile/text", + "n": "Tile", + "d": "The selection process would benefit from having the additional visual prominence that tiles provide.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/timestamp/css", + "n": "Timestamp CSS", + "d": "PatternFly variables and tokens for Timestamp CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/timestamp/react/examples/TimestampBasicFormats", + "n": "Timestamp Basic Formats", + "d": "PatternFly examples and demos for Timestamp Basic Formats.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/timestamp/react/examples/TimestampCustomContent", + "n": "Timestamp Custom Content", + "d": "PatternFly examples and demos for Timestamp Custom Content.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/timestamp/react/examples/TimestampCustomFormat", + "n": "Timestamp Custom Format", + "d": "PatternFly examples and demos for Timestamp Custom Format.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/timestamp/react/examples/TimestampCustomTooltip", + "n": "Timestamp Custom Tooltip", + "d": "PatternFly examples and demos for Timestamp Custom Tooltip.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/timestamp/react/examples/TimestampDefault", + "n": "Timestamp Default", + "d": "PatternFly examples and demos for Timestamp Default.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/timestamp/react/examples/TimestampDefaultTooltip", + "n": "Timestamp Default Tooltip", + "d": "PatternFly examples and demos for Timestamp Default Tooltip.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/timestamp/text", + "n": "Timestamp", + "d": "Use a timestamp when.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/title/css", + "n": "Title CSS", + "d": "PatternFly variables and tokens for Title CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/title/react/examples/TitleCustomSizes", + "n": "Title Custom Sizes", + "d": "PatternFly examples and demos for Title Custom Sizes.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/title/react/examples/TitleDefaultSizes", + "n": "Title Default Sizes", + "d": "PatternFly examples and demos for Title Default Sizes.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/title/text", + "n": "Title", + "d": "To implement an accessible PatternFly title.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/toggle-group/css", + "n": "Toggle Group CSS", + "d": "PatternFly variables and tokens for Toggle Group CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/toggle-group/react/examples/ToggleGroupCompact", + "n": "Toggle Group Compact", + "d": "PatternFly examples and demos for Toggle Group Compact.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toggle-group/react/examples/ToggleGroupDefaultMultiple", + "n": "Toggle Group Default Multiple", + "d": "PatternFly examples and demos for Toggle Group Default Multiple.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toggle-group/react/examples/ToggleGroupDefaultSingle", + "n": "Toggle Group Default Single", + "d": "PatternFly examples and demos for Toggle Group Default Single.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toggle-group/react/examples/ToggleGroupFill", + "n": "Toggle Group Fill", + "d": "PatternFly examples and demos for Toggle Group Fill.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toggle-group/react/examples/ToggleGroupIcon", + "n": "Toggle Group Icon", + "d": "PatternFly examples and demos for Toggle Group Icon.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toggle-group/react/examples/ToggleGroupTextIcon", + "n": "Toggle Group Text Icon", + "d": "PatternFly examples and demos for Toggle Group Text Icon.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toggle-group/text", + "n": "Toggle Group", + "d": "Toggle items can consist of icons, text, or both. Styling of toggles is dependent on the background color.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/toolbar/css", + "n": "Toolbar CSS", + "d": "PatternFly variables and tokens for Toolbar CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/toolbar/react/examples/ToolbarColorVariant", + "n": "Toolbar Color Variant", + "d": "PatternFly examples and demos for Toolbar Color Variant.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toolbar/react/examples/ToolbarComponentManagedToggleGroups", + "n": "Toolbar Component Managed Toggle Groups", + "d": "PatternFly examples and demos for Toolbar Component Managed Toggle Groups.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toolbar/react/examples/ToolbarConsumerManagedToggleGroups", + "n": "Toolbar Consumer Managed Toggle Groups", + "d": "PatternFly examples and demos for Toolbar Consumer Managed Toggle Groups.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toolbar/react/examples/ToolbarContentWrap", + "n": "Toolbar Content Wrap", + "d": "PatternFly examples and demos for Toolbar Content Wrap.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toolbar/react/examples/ToolbarCustomLabelGroupContent", + "n": "Toolbar Custom Label Group Content", + "d": "PatternFly examples and demos for Toolbar Custom Label Group Content.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toolbar/react/examples/ToolbarDynamicSticky", + "n": "Toolbar Dynamic Sticky", + "d": "PatternFly examples and demos for Toolbar Dynamic Sticky.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toolbar/react/examples/ToolbarGroups", + "n": "Toolbar Groups", + "d": "PatternFly examples and demos for Toolbar Groups.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toolbar/react/examples/ToolbarGroupSpacers", + "n": "Toolbar Group Spacers", + "d": "PatternFly examples and demos for Toolbar Group Spacers.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toolbar/react/examples/ToolbarInsets", + "n": "Toolbar Insets", + "d": "PatternFly examples and demos for Toolbar Insets.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toolbar/react/examples/ToolbarItems", + "n": "Toolbar Items", + "d": "PatternFly examples and demos for Toolbar Items.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toolbar/react/examples/ToolbarItemSpacers", + "n": "Toolbar Item Spacers", + "d": "PatternFly examples and demos for Toolbar Item Spacers.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toolbar/react/examples/ToolbarStacked", + "n": "Toolbar Stacked", + "d": "PatternFly examples and demos for Toolbar Stacked.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toolbar/react/examples/ToolbarSticky", + "n": "Toolbar Sticky", + "d": "PatternFly examples and demos for Toolbar Sticky.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toolbar/react/examples/ToolbarVertical", + "n": "Toolbar Vertical", + "d": "PatternFly examples and demos for Toolbar Vertical.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toolbar/react/examples/ToolbarWithFilters", + "n": "Toolbar With Filters", + "d": "PatternFly examples and demos for Toolbar With Filters.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/toolbar/text", + "n": "Toolbar", + "d": "A toolbar is a container for elements that can be used to manipulate data. A variety of components can be used in toolbars, like buttons, controls, or inputs.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/tooltip/css", + "n": "Tooltip CSS", + "d": "PatternFly variables and tokens for Tooltip CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/tooltip/react/examples/TooltipBasic", + "n": "Tooltip Basic", + "d": "PatternFly examples and demos for Tooltip Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tooltip/react/examples/TooltipIcon", + "n": "Tooltip Icon", + "d": "PatternFly examples and demos for Tooltip Icon.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tooltip/react/examples/TooltipOptions", + "n": "Tooltip Options", + "d": "PatternFly examples and demos for Tooltip Options.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tooltip/react/examples/TooltipReactRef", + "n": "Tooltip React Ref", + "d": "PatternFly examples and demos for Tooltip React Ref.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tooltip/react/examples/TooltipSelectorRef", + "n": "Tooltip Selector Ref", + "d": "PatternFly examples and demos for Tooltip Selector Ref.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tooltip/text", + "n": "Tooltip", + "d": "For information on other forms of on-screen help, see popover and hint.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/tree-view/css", + "n": "Tree View CSS", + "d": "PatternFly variables and tokens for Tree View CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/tree-view/html", + "n": "Tree View", + "d": "A tree view can be setup to allow multiple nodes to be selected. When a tree view is intended to allow multiple selection, aria-multiselectable=\"true\" must be passed to the root ul[role=\"tree\"] ele...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/tree-view/react/examples/TreeViewCompact", + "n": "Tree View Compact", + "d": "PatternFly examples and demos for Tree View Compact.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tree-view/react/examples/TreeViewCompactNoBackground", + "n": "Tree View Compact No Background", + "d": "PatternFly examples and demos for Tree View Compact No Background.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tree-view/react/examples/TreeViewGuides", + "n": "Tree View Guides", + "d": "PatternFly examples and demos for Tree View Guides.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tree-view/react/examples/TreeViewMultiselectable", + "n": "Tree View Multiselectable", + "d": "PatternFly examples and demos for Tree View Multiselectable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tree-view/react/examples/TreeViewSelectionExpansion", + "n": "Tree View Selection Expansion", + "d": "PatternFly examples and demos for Tree View Selection Expansion.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tree-view/react/examples/TreeViewSingleSelectable", + "n": "Tree View Single Selectable", + "d": "PatternFly examples and demos for Tree View Single Selectable.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tree-view/react/examples/TreeViewWithActionItems", + "n": "Tree View With Action Items", + "d": "PatternFly examples and demos for Tree View With Action Items.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tree-view/react/examples/TreeViewWithBadges", + "n": "Tree View With Badges", + "d": "PatternFly examples and demos for Tree View With Badges.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tree-view/react/examples/TreeViewWithCheckboxes", + "n": "Tree View With Checkboxes", + "d": "PatternFly examples and demos for Tree View With Checkboxes.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tree-view/react/examples/TreeViewWithCustomBadges", + "n": "Tree View With Custom Badges", + "d": "PatternFly examples and demos for Tree View With Custom Badges.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tree-view/react/examples/TreeViewWithIconPerItem", + "n": "Tree View With Icon Per Item", + "d": "PatternFly examples and demos for Tree View With Icon Per Item.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tree-view/react/examples/TreeViewWithIcons", + "n": "Tree View With Icons", + "d": "PatternFly examples and demos for Tree View With Icons.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tree-view/react/examples/TreeViewWithMemoization", + "n": "Tree View With Memoization", + "d": "PatternFly examples and demos for Tree View With Memoization.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tree-view/react/examples/TreeViewWithSearch", + "n": "Tree View With Search", + "d": "PatternFly examples and demos for Tree View With Search.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/tree-view/text", + "n": "Tree View", + "d": "A default tree view provides a tree structure with items and arrows to expand or collapse child items. Every tree view can be extended with these optional variations.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/truncate/css", + "n": "Truncate CSS", + "d": "PatternFly variables and tokens for Truncate CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/truncate/react/examples/TruncateCustomTooltipPosition", + "n": "Truncate Custom Tooltip Position", + "d": "PatternFly examples and demos for Truncate Custom Tooltip Position.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/truncate/react/examples/TruncateDefault", + "n": "Truncate Default", + "d": "PatternFly examples and demos for Truncate Default.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/truncate/react/examples/TruncateLinks", + "n": "Truncate Links", + "d": "PatternFly examples and demos for Truncate Links.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/truncate/react/examples/TruncateMaxChars", + "n": "Truncate Max Chars", + "d": "PatternFly examples and demos for Truncate Max Chars.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/truncate/react/examples/TruncateMiddle", + "n": "Truncate Middle", + "d": "PatternFly examples and demos for Truncate Middle.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/truncate/react/examples/TruncateStart", + "n": "Truncate Start", + "d": "PatternFly examples and demos for Truncate Start.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/truncate/text", + "n": "Truncate", + "d": "Truncated items are indicated by an ellipsis (...) and are used to reduce multiple lines of text or when a container is being overflowed by content. Truncation should only be used when 3 or more ch...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/wizard/css", + "n": "Wizard CSS", + "d": "PatternFly variables and tokens for Wizard CSS.", + "c": "json", + "q": 1 + }, + { + "p": "v6/components/wizard/html", + "n": "Wizard", + "d": "PatternFly HTML examples and markup structure for Wizard.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardBasic", + "n": "Wizard Basic", + "d": "PatternFly examples and demos for Wizard Basic.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardBasicDisabledSteps", + "n": "Wizard Basic Disabled Steps", + "d": "PatternFly examples and demos for Wizard Basic Disabled Steps.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardEnabledOnFormValidation", + "n": "Wizard Enabled On Form Validation", + "d": "PatternFly examples and demos for Wizard Enabled On Form Validation.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardExpandableSteps", + "n": "Wizard Expandable Steps", + "d": "PatternFly examples and demos for Wizard Expandable Steps.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardFocusOnNextBack", + "n": "Wizard Focus On Next Back", + "d": "PatternFly examples and demos for Wizard Focus On Next Back.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardGetCurrentStep", + "n": "Wizard Get Current Step", + "d": "PatternFly examples and demos for Wizard Get Current Step.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardPlain", + "n": "Wizard Plain", + "d": "PatternFly examples and demos for Wizard Plain.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardProgressiveSteps", + "n": "Wizard Progressive Steps", + "d": "PatternFly examples and demos for Wizard Progressive Steps.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardStepDrawerContent", + "n": "Wizard Step Drawer Content", + "d": "PatternFly examples and demos for Wizard Step Drawer Content.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardStepStatus", + "n": "Wizard Step Status", + "d": "PatternFly examples and demos for Wizard Step Status.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardStepVisitRequired", + "n": "Wizard Step Visit Required", + "d": "PatternFly examples and demos for Wizard Step Visit Required.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardToggleStepVisibility", + "n": "Wizard Toggle Step Visibility", + "d": "PatternFly examples and demos for Wizard Toggle Step Visibility.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardValidateOnButtonPress", + "n": "Wizard Validate On Button Press", + "d": "PatternFly examples and demos for Wizard Validate On Button Press.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardWithCustomFooter", + "n": "Wizard With Custom Footer", + "d": "PatternFly examples and demos for Wizard With Custom Footer.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardWithCustomNav", + "n": "Wizard With Custom Nav", + "d": "PatternFly examples and demos for Wizard With Custom Nav.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardWithCustomNavItem", + "n": "Wizard With Custom Nav Item", + "d": "PatternFly examples and demos for Wizard With Custom Nav Item.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardWithHeader", + "n": "Wizard With Header", + "d": "PatternFly examples and demos for Wizard With Header.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardWithinModal", + "n": "Wizard Within Modal", + "d": "PatternFly examples and demos for Wizard Within Modal.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardWithNavAnchors", + "n": "Wizard With Nav Anchors", + "d": "PatternFly examples and demos for Wizard With Nav Anchors.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/react/examples/WizardWithSubmitProgress", + "n": "Wizard With Submit Progress", + "d": "PatternFly examples and demos for Wizard With Submit Progress.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/components/wizard/text", + "n": "Wizard", + "d": "A wizard breaks a long or complex task into a sequence of steps.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/content-design/accessibility-and-localization/text", + "n": "Accessibility And Localization", + "d": "By following accessibility and global writing best practices, you’ll be better equipped to create product experiences for users of all abilities and backgrounds.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/content-design/best-practices/text", + "n": "Best Practices", + "d": "Treat words as part of your design, not something to be added at the end. UX copy needs to be rooted in user information and context so that it can contribute to an effective, intuitive, and human-...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/content-design/brand-voice-and-tone/text", + "n": "Brand Voice And Tone", + "d": "In a business context, brand is the identity of a company that people recognize based on an emotional and psychological connection, as well as factual information.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/content-design/grammar_capitalization/text", + "n": "Capitalization guidelines", + "d": "Consistent capitalization adds clarity and creates unity across product UIs. PatternFly recommends writing in sentence case for all titles, headings, subtitles, or subheadings. Sentence case capita...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/content-design/grammar_numerics/text", + "n": "Grammar Numerics", + "d": "If needed, we offer a font modifier .pf-v6-m-tabular-nums that applies tabular styling to numerals. Learn more about tabular font styling.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/content-design/grammar_punctuation/text", + "n": "Grammar Punctuation", + "d": "Headings and titles can include punctuation, but should not end in punctuation. For example.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/content-design/grammar_sentence-structure/text", + "n": "Grammar Sentence Structure", + "d": "Use the second person \"you/your\" whenever you can. This way, your focus is on the user, and the product interaction feels more like a conversation.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/content-design/grammar_terminology/text", + "n": "Grammar Terminology", + "d": "This resource overviews common UI terms and their usage. Do not precede any terms in a UI with \"please\" as it is extraneous and overly formal.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/content-design/grammar_truncation/text", + "n": "Grammar Truncation", + "d": "Truncate, or shorten, your content whenever a string overflows the container and you don't want multiple lines of text. Typically, this is done by utilizing ellipses (...), either manually, or via ...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/content-design/grammar_units-and-symbols/text", + "n": "Communicating measurements", + "d": "Use consistent formatting, terminology, and symbols when displaying units of measurement in your UI, including.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/content-design/overview/text", + "n": "Content Design Overview", + "d": "Content design (often called UX copy or microcopy) is a strategic element of design that's just as vital as visual design and layout. By treating words as part of your design process instead of a l...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/content-design/writing-guides_cli-handbook/overview", + "n": "Designing for command-line interfaces", + "d": "Our CLI handbook offers best practices for designing consistent, usable, and developer-friendly command-line interfaces (CLIs). It supports developers building CLI tools and designers collaborating...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/content-design/writing-guides_cli-handbook/writing-guidelines", + "n": "Writing Guides CLI Handbook", + "d": "CLI output messages typically fall into one of 3 categories.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/content-design/writing-guides_error-messages/text", + "n": "Writing Guides Error Messages", + "d": "A user typically sees an error message when they attempt to perform an action but cannot continue because something isn’t right.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/content-design/writing-guides_patternfly-design-guidelines/text", + "n": "Writing Guides Patternfly Design Guidelines", + "d": "This guide provides instructions for writing clear and consistent design documentation for PatternFly. PatternFly's design guidelines provide users with information regarding the design, usage, beh...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/content-design/writing-guides_product-tours/text", + "n": "Writing Guides Product Tours", + "d": "A product tour, also referred to as an \"onboarding flow\", includes a series of dialog boxes or pop-ups that introduce users to a new tool or a redesigned tool.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/content-design/writing-guides_tooltips/text", + "n": "Writing Guides Tooltips", + "d": "A tooltip is a message box that is shown when a UI element, like a button or an icon, is in a hover state. They contain short descriptions that offer additional information to help users better und...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/developer-guides/react-flow/text", + "n": "React Flow", + "d": "While React Flow is built with accessibility in mind, you should always check that your implementation (when paired with PatternFly) is accessible via mouse, keyboard, and other assistive technolog...", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/developer-guides/react-flow/text/examples/CompassReactFlowDemo", + "n": "Compass React Flow Demo", + "d": "PatternFly examples and demos for Compass React Flow Demo.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/developer-guides/right-to-left-handbook/text", + "n": "Right To Left Handbook", + "d": "To allow for internationalization of your product's content, it is important to implement bidirectional language support by developing for both right-to-left (RTL) and left-to-right (LTR) languages.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/catalog-view_catalog-item-header/react", + "n": "Catalog View Catalog Item Header", + "d": "Note: Catalog item header lives in its own package at @patternfly/react-catalog-view-extension!", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/catalog-view_catalog-tile/react", + "n": "Catalog View Catalog Tile", + "d": "Note: Catalog tile lives in its own package at @patternfly/react-catalog-view-extension!", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/catalog-view_filter-side-panel/react", + "n": "Catalog View Filter Side Panel", + "d": "Note: FilterSidePanel lives in its own package at @patternfly/react-catalog-view-extension!", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/catalog-view_overview/react", + "n": "Catalog View Overview", + "d": "Note: Catalog view lives in its own package @patternfly/react-catalog-view-extension", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/catalog-view_properties-side-panel/react", + "n": "Catalog View Properties Side Panel", + "d": "Note: PropertiesSidePanel lives in its own package at @patternfly/react-catalog-view-extension!", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/catalog-view_vertical-tabs/react", + "n": "Catalog View Vertical Tabs", + "d": "Note: Vertical tabs lives in its own package at @patternfly/react-catalog-view-extension!", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_analytics/Analytics", + "n": "Chat Bot Analytics", + "d": "const { pathname } = useLocation();", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_customizing-messages/Customizing%20messages", + "n": "Chat Bot Customizing Messages", + "d": "The ChatBot extension Message component transforms Markdown to PatternFly React components via react-markdown, which supports both rehype and remark plugins for further output customization.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/demo-demos", + "n": "Chat Bot Messages", + "d": "When a user selects a positive or negative message action, you can display a message feedback card that acknowledges their response and provides space for additional written feedback. These cards c...", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/AttachmentEdit", + "n": "Attachment Edit", + "d": "PatternFly examples and demos for Attachment Edit.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/AttachmentError", + "n": "Attachment Error", + "d": "PatternFly examples and demos for Attachment Error.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/BotMessage", + "n": "Bot Message", + "d": "PatternFly examples and demos for Bot Message.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/FileDetailsLabel", + "n": "File Details Label", + "d": "PatternFly examples and demos for File Details Label.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/FileDropZone", + "n": "File Drop Zone", + "d": "PatternFly examples and demos for File Drop Zone.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/FilePreview", + "n": "File Preview", + "d": "PatternFly examples and demos for File Preview.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/ImagePreview", + "n": "Image Preview", + "d": "PatternFly examples and demos for Image Preview.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithAttachment", + "n": "Message With Attachment", + "d": "PatternFly examples and demos for Message With Attachment.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithClickedResponseActions", + "n": "Message With Clicked Response Actions", + "d": "PatternFly examples and demos for Message With Clicked Response Actions.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithCustomResponseActions", + "n": "Message With Custom Response Actions", + "d": "PatternFly examples and demos for Message With Custom Response Actions.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithCustomStructure", + "n": "Message With Custom Structure", + "d": "PatternFly examples and demos for Message With Custom Structure.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithDeepThinking", + "n": "Message With Deep Thinking", + "d": "PatternFly examples and demos for Message With Deep Thinking.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithDividers", + "n": "Message With Dividers", + "d": "PatternFly examples and demos for Message With Dividers.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithFeedback", + "n": "Message With Feedback", + "d": "PatternFly examples and demos for Message With Feedback.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithFeedbackTimeout", + "n": "Message With Feedback Timeout", + "d": "PatternFly examples and demos for Message With Feedback Timeout.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithIconSwapping", + "n": "Message With Icon Swapping", + "d": "PatternFly examples and demos for Message With Icon Swapping.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithMarkdownDeepThinking", + "n": "Message With Markdown Deep Thinking", + "d": "PatternFly examples and demos for Message With Markdown Deep Thinking.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithMarkdownToolCall", + "n": "Message With Markdown Tool Call", + "d": "PatternFly examples and demos for Message With Markdown Tool Call.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithMarkdownToolResponse", + "n": "Message With Markdown Tool Response", + "d": "PatternFly examples and demos for Message With Markdown Tool Response.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithMultipleActionGroups", + "n": "Message With Multiple Action Groups", + "d": "PatternFly examples and demos for Message With Multiple Action Groups.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithPersistedActions", + "n": "Message With Persisted Actions", + "d": "PatternFly examples and demos for Message With Persisted Actions.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithQuickResponses", + "n": "Message With Quick Responses", + "d": "PatternFly examples and demos for Message With Quick Responses.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithQuickStart", + "n": "Message With Quick Start", + "d": "PatternFly examples and demos for Message With Quick Start.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithResponseActions", + "n": "Message With Response Actions", + "d": "PatternFly examples and demos for Message With Response Actions.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithSources", + "n": "Message With Sources", + "d": "PatternFly examples and demos for Message With Sources.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithToolCall", + "n": "Message With Tool Call", + "d": "PatternFly examples and demos for Message With Tool Call.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/MessageWithToolResponse", + "n": "Message With Tool Response", + "d": "PatternFly examples and demos for Message With Tool Response.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/PreviewAttachment", + "n": "Preview Attachment", + "d": "PatternFly examples and demos for Preview Attachment.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/UserMessage", + "n": "User Message", + "d": "PatternFly examples and demos for User Message.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_messages/react/examples/UserMessageWithExtraContent", + "n": "User Message With Extra Content", + "d": "PatternFly examples and demos for User Message With Extra Content.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_overview/ChatBot", + "n": "Chat Bot Overview", + "d": "Note: The PatternFly ChatBot extension lives in its own package @patternfly/chatbot.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_overview/demo-demos", + "n": "Chat Bot Overview", + "d": "This demo displays a basic ChatBot, which includes.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/chat-bot_overview/design-guidelines", + "n": "Chat Bot Overview", + "d": "Note: These guidelines are specific to ChatBot. Before implementing AI-enabled features, review PatternFly's AI design language guidelines, which cover foundational requirements for AI disclosure, ...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_tree-shaking/TreeShaking", + "n": "Chat Bot Tree Shaking", + "d": "Note: The PatternFly ChatBot extension lives in its own package @patternfly/chatbot.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/chat-bot_ui/react", + "n": "Chat Bot UI", + "d": "The PatternFly ChatBot is a separate window that overlays or is embedded within other UI content. This container can be shown and hidden via the ChatBot toggle.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/component-groups_ansible/react", + "n": "Component Groups Ansible", + "d": "The Ansible component displays the Ansible project logo, with a support status style.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/component-groups_bulk-select/react", + "n": "Component Groups Bulk Select", + "d": "The bulk select provides a way of selecting data records in batches. You can select all data at once, all data on current page or deselect all.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/component-groups_close-button/react", + "n": "Component Groups Close Button", + "d": "The close button component provides a way for users to exit a modal, dialogue, or similar action. To further customize this component, you can also utilize all properties of the button component.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/component-groups_column-management-modal/react", + "n": "Component Groups Column Management Modal", + "d": "The column management modal component can be used to implement customizable table columns. Columns can be configured to be enabled or disabled by default or be unhidable.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/component-groups_deck/react", + "n": "Component Groups Deck", + "d": "The deck component is a compact, sequential container for presenting a suite of static announcements or an informational walkthrough. It is not intended for task completion or form-filling workflows.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/component-groups_error-boundary/react", + "n": "Component Groups Error Boundary", + "d": "The error boundary component repurposes the ErrorState component for an application error boundary.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/component-groups_error-state/react/examples/ErrorStateExample", + "n": "Error State Example", + "d": "PatternFly examples and demos for Error State Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_error-state/react/examples/ErrorStateExtraProps", + "n": "Error State Extra Props", + "d": "PatternFly examples and demos for Error State Extra Props.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_error-state/react/examples/ErrorStateFooterExample", + "n": "Error State Footer Example", + "d": "PatternFly examples and demos for Error State Footer Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_external-link-button/react/examples/ExternalLinkButtonExample", + "n": "External Link Button Example", + "d": "PatternFly examples and demos for External Link Button Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_external-link-button/react/examples/ExternalLinkButtonIconPropsExample", + "n": "External Link Button Icon Props Example", + "d": "PatternFly examples and demos for External Link Button Icon Props Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_external-link-button/react/examples/ExternalLinkButtonInlineExample", + "n": "External Link Button Inline Example", + "d": "PatternFly examples and demos for External Link Button Inline Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_field-builder/react/examples/FieldBuilderExample", + "n": "Field Builder Example", + "d": "PatternFly examples and demos for Field Builder Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_field-builder/react/examples/FieldBuilderSelectExample", + "n": "Field Builder Select Example", + "d": "PatternFly examples and demos for Field Builder Select Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_list-manager/react", + "n": "Component Groups List Manager", + "d": "The list manager component can be used to implement customizable table columns. Columns can be configured to be enabled or disabled by default or be unhidable.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_log-snippet/react", + "n": "Component Groups Log Snippet", + "d": "A log snippet component provides a way to display a log snippet or code along with a message.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/component-groups_log-snippet/react/examples/LogSnippetExample", + "n": "Log Snippet Example", + "d": "PatternFly examples and demos for Log Snippet Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_maintenance/react/examples/MaintenanceCustomExample", + "n": "Maintenance Custom Example", + "d": "PatternFly examples and demos for Maintenance Custom Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_maintenance/react/examples/MaintenanceExample", + "n": "Maintenance Example", + "d": "PatternFly examples and demos for Maintenance Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_missing-page/react", + "n": "Component Groups Missing Page", + "d": "The missing page component can be used to display an error message and \"return to homepage\" button when an error occurs.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/component-groups_missing-page/react/examples/MissingPageExample", + "n": "Missing Page Example", + "d": "PatternFly examples and demos for Missing Page Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_multi-content-card/react/examples/MultiContentCardExample", + "n": "Multi Content Card Example", + "d": "PatternFly examples and demos for Multi Content Card Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_multi-content-card/react/examples/MultiContentCardExpandableActionsExample", + "n": "Multi Content Card Expandable Actions Example", + "d": "PatternFly examples and demos for Multi Content Card Expandable Actions Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_multi-content-card/react/examples/MultiContentCardExpandableDividerExample", + "n": "Multi Content Card Expandable Divider Example", + "d": "PatternFly examples and demos for Multi Content Card Expandable Divider Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_multi-content-card/react/examples/MultiContentCardExpandableExample", + "n": "Multi Content Card Expandable Example", + "d": "PatternFly examples and demos for Multi Content Card Expandable Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_multi-content-card/react/examples/MultiContentCardExpandableSingleDividerExample", + "n": "Multi Content Card Expandable Single Divider Example", + "d": "PatternFly examples and demos for Multi Content Card Expandable Single Divider Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_overview/text", + "n": "Component Groups Overview", + "d": "Note: Component groups lives in its own package @patternfly/react-component-groups", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_page-header/react/examples/PageHeaderActionsExample", + "n": "Page Header Actions Example", + "d": "PatternFly examples and demos for Page Header Actions Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_page-header/react/examples/PageHeaderBreadcrumbExample", + "n": "Page Header Breadcrumb Example", + "d": "PatternFly examples and demos for Page Header Breadcrumb Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_page-header/react/examples/PageHeaderExample", + "n": "Page Header Example", + "d": "PatternFly examples and demos for Page Header Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_page-header/react/examples/PageHeaderIconExample", + "n": "Page Header Icon Example", + "d": "PatternFly examples and demos for Page Header Icon Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_page-header/react/examples/PageHeaderLabelLinkExample", + "n": "Page Header Label Link Example", + "d": "PatternFly examples and demos for Page Header Label Link Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_responsive-actions/react/examples/ResponsiveActionsBreakpointExample", + "n": "Responsive Actions Breakpoint Example", + "d": "PatternFly examples and demos for Responsive Actions Breakpoint Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_responsive-actions/react/examples/ResponsiveActionsExample", + "n": "Responsive Actions Example", + "d": "PatternFly examples and demos for Responsive Actions Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_service-card/react/examples/ServiceCardExample", + "n": "Service Card Example", + "d": "PatternFly examples and demos for Service Card Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_service-card/react/examples/ServiceCardGalleryExample", + "n": "Service Card Gallery Example", + "d": "PatternFly examples and demos for Service Card Gallery Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_service-card/react/examples/ServiceCardStackedExample", + "n": "Service Card Stacked Example", + "d": "PatternFly examples and demos for Service Card Stacked Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_severity/react/examples/SeverityCriticalExample", + "n": "Severity Critical Example", + "d": "PatternFly examples and demos for Severity Critical Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_severity/react/examples/SeverityImportantExample", + "n": "Severity Important Example", + "d": "PatternFly examples and demos for Severity Important Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_severity/react/examples/SeverityMinorExample", + "n": "Severity Minor Example", + "d": "PatternFly examples and demos for Severity Minor Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_severity/react/examples/SeverityModerateExample", + "n": "Severity Moderate Example", + "d": "PatternFly examples and demos for Severity Moderate Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_severity/react/examples/SeverityNoneExample", + "n": "Severity None Example", + "d": "PatternFly examples and demos for Severity None Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_severity/react/examples/SeverityUndefinedExample", + "n": "Severity Undefined Example", + "d": "PatternFly examples and demos for Severity Undefined Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_shortcut-grid/react/examples/ShortcutExample", + "n": "Shortcut Example", + "d": "PatternFly examples and demos for Shortcut Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_shortcut-grid/react/examples/ShortcutGridExample", + "n": "Shortcut Grid Example", + "d": "PatternFly examples and demos for Shortcut Grid Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_skeleton-table/react/examples/SkeletonTableBodyExample", + "n": "Skeleton Table Body Example", + "d": "PatternFly examples and demos for Skeleton Table Body Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_skeleton-table/react/examples/SkeletonTableCompactExample", + "n": "Skeleton Table Compact Example", + "d": "PatternFly examples and demos for Skeleton Table Compact Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_skeleton-table/react/examples/SkeletonTableCustomExample", + "n": "Skeleton Table Custom Example", + "d": "PatternFly examples and demos for Skeleton Table Custom Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_skeleton-table/react/examples/SkeletonTableExample", + "n": "Skeleton Table Example", + "d": "PatternFly examples and demos for Skeleton Table Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_skeleton-table/react/examples/SkeletonTableExpandableExample", + "n": "Skeleton Table Expandable Example", + "d": "PatternFly examples and demos for Skeleton Table Expandable Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_skeleton-table/react/examples/SkeletonTableHeadExample", + "n": "Skeleton Table Head Example", + "d": "PatternFly examples and demos for Skeleton Table Head Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_skeleton-table/react/examples/SkeletonTableLoadingExample", + "n": "Skeleton Table Loading Example", + "d": "PatternFly examples and demos for Skeleton Table Loading Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_skeleton-table/react/examples/SkeletonTableSelectableExample", + "n": "Skeleton Table Selectable Example", + "d": "PatternFly examples and demos for Skeleton Table Selectable Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_stale-data-warning/react/examples/StaleDataWarningCustomExample", + "n": "Stale Data Warning Custom Example", + "d": "PatternFly examples and demos for Stale Data Warning Custom Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_stale-data-warning/react/examples/StaleDataWarningExample", + "n": "Stale Data Warning Example", + "d": "PatternFly examples and demos for Stale Data Warning Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_status/react/examples/IconOnlyStatusExample", + "n": "Icon Only Status Example", + "d": "PatternFly examples and demos for Icon Only Status Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_status/react/examples/LinkStatusExample", + "n": "Link Status Example", + "d": "PatternFly examples and demos for Link Status Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_status/react/examples/PopoverStatusExample", + "n": "Popover Status Example", + "d": "PatternFly examples and demos for Popover Status Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_status/react/examples/StatusDescriptionExample", + "n": "Status Description Example", + "d": "PatternFly examples and demos for Status Description Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_status/react/examples/StatusExample", + "n": "Status Example", + "d": "PatternFly examples and demos for Status Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_tag-count/react/examples/TagCountDisabledExample", + "n": "Tag Count Disabled Example", + "d": "PatternFly examples and demos for Tag Count Disabled Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_tag-count/react/examples/TagCountExample", + "n": "Tag Count Example", + "d": "PatternFly examples and demos for Tag Count Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_unauthorized-access/react/examples/UnauthorizedAccessActionsExample", + "n": "Unauthorized Access Actions Example", + "d": "PatternFly examples and demos for Unauthorized Access Actions Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_unauthorized-access/react/examples/UnauthorizedAccessExample", + "n": "Unauthorized Access Example", + "d": "PatternFly examples and demos for Unauthorized Access Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_unavailable-content/react", + "n": "Component Groups Unavailable Content", + "d": "An unavailable content component displays a screen to users when they attempt to view a page that is currently unavailable to view.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/component-groups_unavailable-content/react/examples/UnavailableContentExample", + "n": "Unavailable Content Example", + "d": "PatternFly examples and demos for Unavailable Content Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_warning-modal/react/examples/WarningModalCheckboxExample", + "n": "Warning Modal Checkbox Example", + "d": "PatternFly examples and demos for Warning Modal Checkbox Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_warning-modal/react/examples/WarningModalDangerExample", + "n": "Warning Modal Danger Example", + "d": "PatternFly examples and demos for Warning Modal Danger Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_warning-modal/react/examples/WarningModalExample", + "n": "Warning Modal Example", + "d": "PatternFly examples and demos for Warning Modal Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/component-groups_warning-modal/react/examples/WarningModalTextConfirmationExample", + "n": "Warning Modal Text Confirmation Example", + "d": "PatternFly examples and demos for Warning Modal Text Confirmation Example.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/data-view_overview/text", + "n": "Data View Overview", + "d": "Note: Data view lives in its own package @patternfly/react-data-view", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/data-view_table/react", + "n": "Data View Table", + "d": "The data view table component renders your data into columns and rows within a PatternFly table component. You can easily customize and configure the table with these additional data view component...", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/data-view_toolbar/react", + "n": "Data View Toolbar", + "d": "The data view toolbar component renders a default opinionated data view toolbar above or below the data section.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/log-viewer/design-guidelines", + "n": "Log Viewer", + "d": "A log viewer is a preconfigured component that gives you the option to visualize your log content. Log viewer renders log output in real time in a clear and structured way.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/log-viewer/react", + "n": "Log Viewer", + "d": "PatternFly React component examples and demos for Log Viewer.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/log-viewer/text", + "n": "Log Viewer", + "d": "A log viewer is a preconfigured component that gives you the option to visualize your log content. Log viewer renders log output in real time in a clear and structured way.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/overview/text", + "n": "Extensions Overview", + "d": "PatternFly's extensions are holistic solutions that utilize multiple PatternFly components, typically addressing specific, cross-project use cases. Extensions accelerate development by providing pr...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/react-console/react", + "n": "React Console", + "d": "React console lives in its own package at @patternfly/react-console", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/topology_accessibility/text", + "n": "Topology Accessibility", + "d": "By default, TaskNode and DefaultTaskGroup are included in the keyboard tab order (tabIndex is 0). Tab order follows the order of items in the model. An expanded group receives focus before the node...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/topology_anchors/text", + "n": "Introduction", + "d": "An anchor is the point at which an edge connects to a node.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/topology_context-menu/text", + "n": "Introduction", + "d": "A context menu displays a list of actions or links related to a graph element. Nodes, edges, and the graph itself can have context menus, which are shown when you select the menu toggle or right-cl...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/topology_control-bar/text", + "n": "Introduction", + "d": "A control bar adds visualization controls to a Topology view, so that users can more easily explore the graph layout.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/topology_custom-edges/text", + "n": "Introduction", + "d": "An edge is used to indicate a relationship between nodes. Using arrow endpoints can show directional (or bi-directional) relationships.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/topology_custom-nodes/text", + "n": "Introduction", + "d": "A node is an element within a Topology view that represents your data point, including processes or services.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/topology_drag-and-drop/text", + "n": "Introduction", + "d": "Drag and drop functionality allows users to move Topology view elements as needed.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/topology_layouts/text", + "n": "Introduction", + "d": "A layout helps position the nodes in a Topology view, according to different visualization structures.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/topology_overview/text", + "n": "Topology Overview", + "d": "Note: Topology lives in its own package at @patternfly/react-topology.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/topology_pan-and-zoom/text", + "n": "Introduction", + "d": "PatternFly documentation and guidelines for Introduction.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/topology_pan-and-zoom/text/examples/TopologyPanZoomDemo", + "n": "Topology Pan Zoom Demo", + "d": "PatternFly examples and demos for Topology Pan Zoom Demo.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/topology_pipelines/text", + "n": "Introduction", + "d": "PatternFly documentation and guidelines for Introduction.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/topology_pipelines/text/examples/TopologyPipelinesGettingStartedDemo", + "n": "Topology Pipelines Getting Started Demo", + "d": "PatternFly examples and demos for Topology Pipelines Getting Started Demo.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/topology_selection/text", + "n": "Introduction", + "d": "PatternFly documentation and guidelines for Introduction.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/topology_selection/text/examples/TopologySelectableDemo", + "n": "Topology Selectable Demo", + "d": "PatternFly examples and demos for Topology Selectable Demo.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/topology_sidebar/text", + "n": "Introduction", + "d": "PatternFly documentation and guidelines for Introduction.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/topology_sidebar/text/examples/TopologySidebarDemo", + "n": "Topology Sidebar Demo", + "d": "PatternFly examples and demos for Topology Sidebar Demo.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/topology_toolbar/text", + "n": "Introduction", + "d": "PatternFly documentation and guidelines for Introduction.", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/topology_toolbar/text/examples/TopologyToolbarDemo", + "n": "Topology Toolbar Demo", + "d": "PatternFly examples and demos for Topology Toolbar Demo.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/extensions/user-feedback/design-guidelines", + "n": "User Feedback", + "d": "Note: User feedback lives in its own package at @patternfly/react-user-feedback.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/extensions/user-feedback/react", + "n": "User Feedback", + "d": "The user feedback extension is a PatternFly React based component used to collect user feedback. Examples of how to use this extension are documented below. This extensions allows users to submit f...", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/virtual-scroll-table/react", + "n": "Virtual Scroll Table", + "d": "Note: React Virtualized Extension lives in its own package at @patternfly/react-virtualized-extension!", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/extensions/virtual-scroll-window-scroller/react", + "n": "Virtual Scroll Window Scroller", + "d": "Note: React Virtualized Extension lives in its own package at @patternfly/react-virtualized-extension!", + "c": "markdown", + "q": 0.97 }, { "p": "v6/foundations-and-styles/colors/text", @@ -1158,6 +7248,76 @@ "c": "json", "q": 1 }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexAdjustingWidth", + "n": "Flex Adjusting Width", + "d": "PatternFly examples and demos for Flex Adjusting Width.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexAlignAdjacentContent", + "n": "Flex Align Adjacent Content", + "d": "PatternFly examples and demos for Flex Align Adjacent Content.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexAligningRight", + "n": "Flex Aligning Right", + "d": "PatternFly examples and demos for Flex Aligning Right.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexAlignRightMultipleGroups", + "n": "Flex Align Right Multiple Groups", + "d": "PatternFly examples and demos for Flex Align Right Multiple Groups.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexAlignRightSingleItem", + "n": "Flex Align Right Single Item", + "d": "PatternFly examples and demos for Flex Align Right Single Item.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexAlignSelfBaseline", + "n": "Flex Align Self Baseline", + "d": "PatternFly examples and demos for Flex Align Self Baseline.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexAlignSelfCenter", + "n": "Flex Align Self Center", + "d": "PatternFly examples and demos for Flex Align Self Center.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexAlignSelfFlexEnd", + "n": "Flex Align Self Flex End", + "d": "PatternFly examples and demos for Flex Align Self Flex End.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexAlignSelfStretch", + "n": "Flex Align Self Stretch", + "d": "PatternFly examples and demos for Flex Align Self Stretch.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexAlternative", + "n": "Flex Alternative", + "d": "PatternFly examples and demos for Flex Alternative.", + "c": "javascript", + "q": 1 + }, { "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexBasic", "n": "Flex Basic", @@ -1165,6 +7325,13 @@ "c": "javascript", "q": 1 }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexCanGrow", + "n": "Flex Can Grow", + "d": "PatternFly examples and demos for Flex Can Grow.", + "c": "javascript", + "q": 1 + }, { "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexColumnGap", "n": "Flex Column Gap", @@ -1172,6 +7339,48 @@ "c": "javascript", "q": 1 }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexColumnLayout", + "n": "Flex Column Layout", + "d": "PatternFly examples and demos for Flex Column Layout.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexColumnWidths", + "n": "Flex Column Widths", + "d": "PatternFly examples and demos for Flex Column Widths.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexControlTextWidth", + "n": "Flex Control Text Width", + "d": "PatternFly examples and demos for Flex Control Text Width.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexDefaultLayout", + "n": "Flex Default Layout", + "d": "PatternFly examples and demos for Flex Default Layout.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexFirstLastOrder", + "n": "Flex First Last Order", + "d": "PatternFly examples and demos for Flex First Last Order.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexGap", + "n": "Flex Gap", + "d": "PatternFly examples and demos for Flex Gap.", + "c": "javascript", + "q": 1 + }, { "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexIndividuallySpaced", "n": "Flex Individually Spaced", @@ -1179,6 +7388,34 @@ "c": "javascript", "q": 1 }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexInline", + "n": "Flex Inline", + "d": "PatternFly examples and demos for Flex Inline.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexJustifyContentEnd", + "n": "Flex Justify Content End", + "d": "PatternFly examples and demos for Flex Justify Content End.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexJustifyContentFlexStart", + "n": "Flex Justify Content Flex Start", + "d": "PatternFly examples and demos for Flex Justify Content Flex Start.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexJustifyContentSpaceBetween", + "n": "Flex Justify Content Space Between", + "d": "PatternFly examples and demos for Flex Justify Content Space Between.", + "c": "javascript", + "q": 1 + }, { "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexNestedItems", "n": "Flex Nested Items", @@ -1193,6 +7430,34 @@ "c": "javascript", "q": 1 }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexNestingInColumns", + "n": "Flex Nesting In Columns", + "d": "PatternFly examples and demos for Flex Nesting In Columns.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexOrdering", + "n": "Flex Ordering", + "d": "PatternFly examples and demos for Flex Ordering.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexResponsiveFirstLastOrder", + "n": "Flex Responsive First Last Order", + "d": "PatternFly examples and demos for Flex Responsive First Last Order.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexResponsiveOrdering", + "n": "Flex Responsive Ordering", + "d": "PatternFly examples and demos for Flex Responsive Ordering.", + "c": "javascript", + "q": 1 + }, { "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexRowGap", "n": "Flex Row Gap", @@ -1214,6 +7479,20 @@ "c": "javascript", "q": 1 }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexStackingElements", + "n": "Flex Stacking Elements", + "d": "PatternFly examples and demos for Flex Stacking Elements.", + "c": "javascript", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/layouts_flex/react/examples/FlexSwitchingColumnRow", + "n": "Flex Switching Column Row", + "d": "PatternFly examples and demos for Flex Switching Column Row.", + "c": "javascript", + "q": 1 + }, { "p": "v6/foundations-and-styles/layouts_flex/text", "n": "Layouts Flex", @@ -1284,6 +7563,13 @@ "c": "json", "q": 1 }, + { + "p": "v6/foundations-and-styles/layouts_grid/html", + "n": "Layouts Grid", + "d": "Ordering - Ordering can be applied to nested code.pf-v6-l-grid and code.pf-v6-l-grid\\\\items. Spacing may need to be managed based on how items are ordered. Because order could apply to an innumerab...", + "c": "markdown", + "q": 1 + }, { "p": "v6/foundations-and-styles/layouts_grid/react/examples/GridAlternativeComponents", "n": "Grid Alternative Components", @@ -1459,6 +7745,76 @@ "c": "markdown", "q": 1 }, + { + "p": "v6/foundations-and-styles/spacers/text", + "n": "Spacers", + "d": "PatternFly designs use spacers to define fixed amounts of space between UI elements. They help you create designs that are visually balanced and consistent. Spacers are built into PatternFly compon...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/theming/about", + "n": "Theming", + "d": "A theme applies specific visual styles to UI components to create a unique, cohesive, and purposeful look. Our theming architecture leverages our design token system to flexibly support different b...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/theming/dark-theme-handbook", + "n": "Dark theme developer handbook", + "d": "Dark theme is available with PatternFly by default. To enable dark theme, add the class pf-[version]-theme-dark (for example, pf-v6-theme-dark) to your application's html tag. This class can be add...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/theming/glass-mode-handbook", + "n": "Glass mode developer handbook", + "d": "Glass mode is a contrast mode option that can be manually enabled in both our Default and Project Felt themes. Glass adds transparency, blurring, and depth to the UI to create a more dynamic visual...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/theming/high-contrast-handbook", + "n": "High contrast mode developer handbook", + "d": "High contrast mode increases the contrast of PatternFly components to support users with low vision or other visual impairments for whom higher contrast is a necessity. Our standard light and dark ...", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/typography/text", + "n": "Typography", + "d": "You can use typography to create visual hierarchy in a UI. By creating a consistent and logical hierarchy, users can more quickly scan and understand information on a page.", + "c": "markdown", + "q": 1 + }, + { + "p": "v6/foundations-and-styles/utility-classes_alignment/html", + "n": "Utility Classes Alignment", + "d": "Breakpoints are optional. Breakpoint options include: base (no breakpoint value), -on-sm, -on-md, -on-lg, and -on-xl. Example: .pf-v6-u-text-align-start-on-lg", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/foundations-and-styles/utility-classes_background-color/html", + "n": "Utility Classes Background Color", + "d": "These background color utilities can be used to modify the background color of an element. In most cases, using the components with available modifiers should be sufficient to implement most design...", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/foundations-and-styles/utility-classes_float/html", + "n": "Utility Classes Float", + "d": "Breakpoints are optional. Breakpoint options include: base (no breakpoint value), -on-sm, -on-md, -on-lg, and -on-xl. Example: .pf-v6-u-float-inline-start-on-lg", + "c": "markdown", + "q": 0.97 + }, + { + "p": "v6/foundations-and-styles/utility-classes_overview/text", + "n": "Utility Classes Overview", + "d": "PatternFly’s utility classes enable you to further customize and modify elements in your project without having to write any custom CSS.", + "c": "javascript", + "q": 1 + }, { "p": "v6/get-help/contact-us/text", "n": "Contact Us", diff --git a/tests/e2e/__snapshots__/httpTransport.test.ts.snap b/tests/e2e/__snapshots__/httpTransport.test.ts.snap index 27af331e..c55ad188 100644 --- a/tests/e2e/__snapshots__/httpTransport.test.ts.snap +++ b/tests/e2e/__snapshots__/httpTransport.test.ts.snap @@ -10,7 +10,7 @@ Use these parameters to filter the list of PatternFly components. | Parameter | Valid Values | Description | | :--- | :--- | :--- | -| \`category\` | \`accessibility\`, \`css\`, \`design-guidelines\`, \`html\`, \`react\`, \`text\` | Filter by category | +| \`category\` | \`accessibility\`, \`css\`, \`design-guidelines\`, \`development-guide\`, \`html\`, \`org-demos\`, \`overview\`, \`react\`, \`text\`, \`text-demos\`, \`text-deprecated\` | Filter by category | | \`version\` | \`v5\`, \`v6\` | Filter by version | ## Available Patterns @@ -31,7 +31,7 @@ Use these parameters to filter the documentation index. | Parameter | Valid Values | Description | | :--- | :--- | :--- | -| \`category\` | \`about\`, \`about-rapid-prototyping\`, \`accessibility\`, \`analytics\`, \`chat-bot\`, \`css\`, \`customizing%20messages\`, \`demo\`, \`demo-demos\`, \`design-guidelines\`, \`design-tokens\`, \`development-guide\`, \`development-guidelines\`, \`enhancing-existing-projects\`, \`general\`, \`grammar\`, \`html\`, \`new-prototypes\`, \`overview\`, \`react\`, \`release-notes\`, \`text\`, \`upgrade-guide\`, \`writing-guidelines\`, \`writing-guides\` | Filter by category | +| \`category\` | \`about\`, \`about-rapid-prototyping\`, \`accessibility\`, \`analytics\`, \`chat-bot\`, \`css\`, \`customizing%20messages\`, \`dark-theme-handbook\`, \`demo\`, \`demo-demos\`, \`design-guidelines\`, \`design-tokens\`, \`development-guide\`, \`development-guidelines\`, \`enhancing-existing-projects\`, \`general\`, \`glass-mode-handbook\`, \`grammar\`, \`high-contrast-handbook\`, \`html\`, \`new-prototypes\`, \`org-demos\`, \`overview\`, \`react\`, \`release-notes\`, \`text\`, \`text-demos\`, \`text-deprecated\`, \`tree-shaking\`, \`upgrade-guide\`, \`writing-guidelines\`, \`writing-guides\` | Filter by category | | \`collection\` | \`patternfly-api\`, \`patternfly-component-schemas\`, \`patternfly-docs\` | Filter by collection | | \`section\` | \`accessibility\`, \`ai\`, \`charts\`, \`components\`, \`content-design\`, \`developer-guides\`, \`extensions\`, \`foundations-and-styles\`, \`get-help\`, \`get-involved\`, \`get-started\`, \`guidelines\`, \`layouts\`, \`patterns\`, \`releases\`, \`resources\`, \`upgrade\` | Filter by section | | \`version\` | \`v4\`, \`v5\`, \`v6\` | Filter by version | @@ -67,7 +67,7 @@ Use these parameters to filter the list of PatternFly component schemas. | Parameter | Valid Values | Description | | :--- | :--- | :--- | -| \`category\` | \`accessibility\`, \`css\`, \`design-guidelines\`, \`html\`, \`react\`, \`text\` | Filter by category | +| \`category\` | \`accessibility\`, \`css\`, \`design-guidelines\`, \`development-guide\`, \`html\`, \`org-demos\`, \`overview\`, \`react\`, \`text\`, \`text-demos\`, \`text-deprecated\` | Filter by category | | \`version\` | \`v5\`, \`v6\` | Filter by version | ## Available Patterns @@ -116,7 +116,7 @@ exports[`Builtin tools, HTTP transport should initialize MCP session over HTTP 1 `; exports[`Builtin tools, HTTP transport should return expected markdown structure for search results: markdown 1`] = ` -"# Search results for "button". Showing 2 exact matches. +"# Search results for "button". Showing 3 exact matches. 1. **button**: "usePatternFlyDocs" resource parameter "name" and "URLs" - **Name**: button @@ -125,15 +125,22 @@ exports[`Builtin tools, HTTP transport should return expected markdown structure - [Button - (v6) - Accessibility for the button component.](https://raw.githubusercontent.com/patternfly/patternfly-org/957756128e8ddfc4be5db49e72312a2c43b9d220/packages/documentation-site/patternfly-docs/content/components/accessibility/button/button.md) - [Button - (v6) - Examples for the button component.](https://raw.githubusercontent.com/patternfly/patternfly-react/6f2385bbcc03de22a7ae8be506481e1b4d653200/packages/react-core/src/components/Button/examples/Button.md) - [Button CSS - (v6) - PatternFly variables and tokens for Button CSS.](https://main.patternfly-org.pages.dev/api/v6/components/button/css) - - [Button - (v6) - A favorite button should use a plain button with the star icon. Applying .pf-m-favorited to the button initiates a microanimation and indicates that the item is favorited.](https://main.patternfly-org.pages.dev/api/v6/components/button/html) + - [Button ARIA Disabled - (v6) - PatternFly examples and demos for Button ARIA Disabled.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonAriaDisabled) - [Button Block - (v6) - PatternFly examples and demos for Button Block.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonBlock) - [Button Call To Action - (v6) - PatternFly examples and demos for Button Call To Action.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonCallToAction) + - [Button Circle - (v6) - PatternFly examples and demos for Button Circle.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonCircle) + - [Button Custom Component - (v6) - PatternFly examples and demos for Button Custom Component.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonCustomComponent) - [Button Disabled - (v6) - PatternFly examples and demos for Button Disabled.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonDisabled) + - [Button Hamburger - (v6) - PatternFly examples and demos for Button Hamburger.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonHamburger) - [Button Inline Span Link - (v6) - PatternFly examples and demos for Button Inline Span Link.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonInlineSpanLink) - [Button Links - (v6) - PatternFly examples and demos for Button Links.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonLinks) + - [Button Plain Has No Padding - (v6) - PatternFly examples and demos for Button Plain Has No Padding.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonPlainHasNoPadding) - [Button Progress - (v6) - PatternFly examples and demos for Button Progress.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonProgress) + - [Button Settings - (v6) - PatternFly examples and demos for Button Settings.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonSettings) - [Button Small - (v6) - PatternFly examples and demos for Button Small.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonSmall) + - [Button Stateful - (v6) - PatternFly examples and demos for Button Stateful.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonStateful) - [Button Variations - (v6) - PatternFly examples and demos for Button Variations.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonVariations) + - [Button With Count - (v6) - PatternFly examples and demos for Button With Count.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonWithCount) - [Button - (v6) - There are certain cases where specific buttons must be used within your UI.](https://main.patternfly-org.pages.dev/api/v6/components/button/text) - **Resources**: - **URI**: patternfly://docs/button?version=v6 @@ -147,6 +154,16 @@ exports[`Builtin tools, HTTP transport should return expected markdown structure - **Resources**: - **URI**: patternfly://docs/extensionscomponentgroupsclosebutton?version=v6 +3. **extensionscomponentgroupsexternallinkbutton**: + "usePatternFlyDocs" resource parameter "name" and "URLs" + - **Name**: extensionscomponentgroupsexternallinkbutton + - **URLs**: + - [External Link Button Example - (v6) - PatternFly examples and demos for External Link Button Example.](https://main.patternfly-org.pages.dev/api/v6/extensions/component-groups_external-link-button/react/examples/ExternalLinkButtonExample) + - [External Link Button Icon Props Example - (v6) - PatternFly examples and demos for External Link Button Icon Props Example.](https://main.patternfly-org.pages.dev/api/v6/extensions/component-groups_external-link-button/react/examples/ExternalLinkButtonIconPropsExample) + - [External Link Button Inline Example - (v6) - PatternFly examples and demos for External Link Button Inline Example.](https://main.patternfly-org.pages.dev/api/v6/extensions/component-groups_external-link-button/react/examples/ExternalLinkButtonInlineExample) + - **Resources**: + - **URI**: patternfly://docs/extensionscomponentgroupsexternallinkbutton?version=v6 + --- diff --git a/tests/e2e/__snapshots__/stdioTransport.test.ts.snap b/tests/e2e/__snapshots__/stdioTransport.test.ts.snap index 24dac56c..8112e0af 100644 --- a/tests/e2e/__snapshots__/stdioTransport.test.ts.snap +++ b/tests/e2e/__snapshots__/stdioTransport.test.ts.snap @@ -10,7 +10,7 @@ Use these parameters to filter the list of PatternFly components. | Parameter | Valid Values | Description | | :--- | :--- | :--- | -| \`category\` | \`accessibility\`, \`css\`, \`design-guidelines\`, \`html\`, \`react\`, \`text\` | Filter by category | +| \`category\` | \`accessibility\`, \`css\`, \`design-guidelines\`, \`development-guide\`, \`html\`, \`org-demos\`, \`overview\`, \`react\`, \`text\`, \`text-demos\`, \`text-deprecated\` | Filter by category | | \`version\` | \`v5\`, \`v6\` | Filter by version | ## Available Patterns @@ -31,7 +31,7 @@ Use these parameters to filter the documentation index. | Parameter | Valid Values | Description | | :--- | :--- | :--- | -| \`category\` | \`about\`, \`about-rapid-prototyping\`, \`accessibility\`, \`analytics\`, \`chat-bot\`, \`css\`, \`customizing%20messages\`, \`demo\`, \`demo-demos\`, \`design-guidelines\`, \`design-tokens\`, \`development-guide\`, \`development-guidelines\`, \`enhancing-existing-projects\`, \`general\`, \`grammar\`, \`html\`, \`new-prototypes\`, \`overview\`, \`react\`, \`release-notes\`, \`text\`, \`upgrade-guide\`, \`writing-guidelines\`, \`writing-guides\` | Filter by category | +| \`category\` | \`about\`, \`about-rapid-prototyping\`, \`accessibility\`, \`analytics\`, \`chat-bot\`, \`css\`, \`customizing%20messages\`, \`dark-theme-handbook\`, \`demo\`, \`demo-demos\`, \`design-guidelines\`, \`design-tokens\`, \`development-guide\`, \`development-guidelines\`, \`enhancing-existing-projects\`, \`general\`, \`glass-mode-handbook\`, \`grammar\`, \`high-contrast-handbook\`, \`html\`, \`new-prototypes\`, \`org-demos\`, \`overview\`, \`react\`, \`release-notes\`, \`text\`, \`text-demos\`, \`text-deprecated\`, \`tree-shaking\`, \`upgrade-guide\`, \`writing-guidelines\`, \`writing-guides\` | Filter by category | | \`collection\` | \`patternfly-api\`, \`patternfly-component-schemas\`, \`patternfly-docs\` | Filter by collection | | \`section\` | \`accessibility\`, \`ai\`, \`charts\`, \`components\`, \`content-design\`, \`developer-guides\`, \`extensions\`, \`foundations-and-styles\`, \`get-help\`, \`get-involved\`, \`get-started\`, \`guidelines\`, \`layouts\`, \`patterns\`, \`releases\`, \`resources\`, \`upgrade\` | Filter by section | | \`version\` | \`v4\`, \`v5\`, \`v6\` | Filter by version | @@ -67,7 +67,7 @@ Use these parameters to filter the list of PatternFly component schemas. | Parameter | Valid Values | Description | | :--- | :--- | :--- | -| \`category\` | \`accessibility\`, \`css\`, \`design-guidelines\`, \`html\`, \`react\`, \`text\` | Filter by category | +| \`category\` | \`accessibility\`, \`css\`, \`design-guidelines\`, \`development-guide\`, \`html\`, \`org-demos\`, \`overview\`, \`react\`, \`text\`, \`text-demos\`, \`text-deprecated\` | Filter by category | | \`version\` | \`v5\`, \`v6\` | Filter by version | ## Available Patterns @@ -116,7 +116,7 @@ exports[`Builtin tools, STDIO should expose expected tools and stable shape 1`] `; exports[`Builtin tools, STDIO should return expected markdown structure for search results: markdown 1`] = ` -"# Search results for "button". Showing 2 exact matches. +"# Search results for "button". Showing 3 exact matches. 1. **button**: "usePatternFlyDocs" resource parameter "name" and "URLs" - **Name**: button @@ -125,15 +125,22 @@ exports[`Builtin tools, STDIO should return expected markdown structure for sear - [Button - (v6) - Accessibility for the button component.](https://raw.githubusercontent.com/patternfly/patternfly-org/957756128e8ddfc4be5db49e72312a2c43b9d220/packages/documentation-site/patternfly-docs/content/components/accessibility/button/button.md) - [Button - (v6) - Examples for the button component.](https://raw.githubusercontent.com/patternfly/patternfly-react/6f2385bbcc03de22a7ae8be506481e1b4d653200/packages/react-core/src/components/Button/examples/Button.md) - [Button CSS - (v6) - PatternFly variables and tokens for Button CSS.](https://main.patternfly-org.pages.dev/api/v6/components/button/css) - - [Button - (v6) - A favorite button should use a plain button with the star icon. Applying .pf-m-favorited to the button initiates a microanimation and indicates that the item is favorited.](https://main.patternfly-org.pages.dev/api/v6/components/button/html) + - [Button ARIA Disabled - (v6) - PatternFly examples and demos for Button ARIA Disabled.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonAriaDisabled) - [Button Block - (v6) - PatternFly examples and demos for Button Block.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonBlock) - [Button Call To Action - (v6) - PatternFly examples and demos for Button Call To Action.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonCallToAction) + - [Button Circle - (v6) - PatternFly examples and demos for Button Circle.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonCircle) + - [Button Custom Component - (v6) - PatternFly examples and demos for Button Custom Component.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonCustomComponent) - [Button Disabled - (v6) - PatternFly examples and demos for Button Disabled.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonDisabled) + - [Button Hamburger - (v6) - PatternFly examples and demos for Button Hamburger.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonHamburger) - [Button Inline Span Link - (v6) - PatternFly examples and demos for Button Inline Span Link.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonInlineSpanLink) - [Button Links - (v6) - PatternFly examples and demos for Button Links.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonLinks) + - [Button Plain Has No Padding - (v6) - PatternFly examples and demos for Button Plain Has No Padding.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonPlainHasNoPadding) - [Button Progress - (v6) - PatternFly examples and demos for Button Progress.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonProgress) + - [Button Settings - (v6) - PatternFly examples and demos for Button Settings.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonSettings) - [Button Small - (v6) - PatternFly examples and demos for Button Small.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonSmall) + - [Button Stateful - (v6) - PatternFly examples and demos for Button Stateful.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonStateful) - [Button Variations - (v6) - PatternFly examples and demos for Button Variations.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonVariations) + - [Button With Count - (v6) - PatternFly examples and demos for Button With Count.](https://main.patternfly-org.pages.dev/api/v6/components/button/react/examples/ButtonWithCount) - [Button - (v6) - There are certain cases where specific buttons must be used within your UI.](https://main.patternfly-org.pages.dev/api/v6/components/button/text) - **Resources**: - **URI**: patternfly://docs/button?version=v6 @@ -147,6 +154,16 @@ exports[`Builtin tools, STDIO should return expected markdown structure for sear - **Resources**: - **URI**: patternfly://docs/extensionscomponentgroupsclosebutton?version=v6 +3. **extensionscomponentgroupsexternallinkbutton**: + "usePatternFlyDocs" resource parameter "name" and "URLs" + - **Name**: extensionscomponentgroupsexternallinkbutton + - **URLs**: + - [External Link Button Example - (v6) - PatternFly examples and demos for External Link Button Example.](https://main.patternfly-org.pages.dev/api/v6/extensions/component-groups_external-link-button/react/examples/ExternalLinkButtonExample) + - [External Link Button Icon Props Example - (v6) - PatternFly examples and demos for External Link Button Icon Props Example.](https://main.patternfly-org.pages.dev/api/v6/extensions/component-groups_external-link-button/react/examples/ExternalLinkButtonIconPropsExample) + - [External Link Button Inline Example - (v6) - PatternFly examples and demos for External Link Button Inline Example.](https://main.patternfly-org.pages.dev/api/v6/extensions/component-groups_external-link-button/react/examples/ExternalLinkButtonInlineExample) + - **Resources**: + - **URI**: patternfly://docs/extensionscomponentgroupsexternallinkbutton?version=v6 + ---