PageNavigationGroup

PageNavigationGroup is a sub-component meant for use inside the PageNavigation molecule.

This component is used to group PageNavigationToggle and PageNavigationSubItems together, and provide context for the sub items open / close state.

Basic Usage


import {
    PageNavigation,
    PageNavigationGroup,
    PageNavigationToggle,
    PageNavigationSubItems,
    PageNavigationSubItem
} from '@krakentech/coral-molecules';
 
<PageNavigation>
    <PageNavigationGroup defaultOpen={true}>
        <PageNavigationToggle>...</PageNavigationToggle>
        <PageNavigationSubItems>
            <PageNavigationSubItem>Overview</PageNavigationSubItem>
        </PageNavigationSubItems>
    </PageNavigationGroup>
</PageNavigation>

Full API

Name	Type	Default
`children`	`React.ReactNode`
`defaultOpen`	`boolean` If `true`, the sub-items will be open by default.	`false`