import React from 'react'; import { Nav, NavGroup, NavItem, Page, PageSection, PageSectionVariants, PageSidebar, PageSidebarBody, SkipToContent, TextContent, Text } from '@patternfly/react-core'; import { DashboardHeader } from '@patternfly/react-core/src/demos/DashboardHeader'; export const NavGrouped: React.FunctionComponent = () => { const [activeItem, setActiveItem] = React.useState('grp-1_itm-1'); const onNavSelect = ( _event: React.FormEvent, selectedItem: { groupId: number | string; itemId: number | string; to: string; } ) => setActiveItem(selectedItem.itemId); const PageNav = (
); const Sidebar = ( {PageNav} ); const pageId = 'main-content-page-layout-group-nav'; const PageSkipToContent = Skip to Content; return ( <> } sidebar={Sidebar} isManagedSidebar skipToContent={PageSkipToContent} mainContainerId={pageId} > Main title Body text should be Overpass Regular at 16px. It should have leading of 24px because
of its relative line height of 1.5. Light Dark Darker Content ); };