PageNavigationSubItem

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

Basic Usage


import {
    PageNavigation,
    PageNavigationGroup,
    PageNavigationSubItems,
    PageNavigationSubItem
} from '@krakentech/coral-molecules';
 
<PageNavigation>
    <PageNavigationGroup defaultOpen={true}>
        <PageNavigationSubItems>
            <PageNavigationSubItem>Sub navigation item</PageNavigationSubItem>
        </PageNavigationSubItems>
    </PageNavigationGroup>
</PageNavigation>

Full API

Name	Type	Default
`isActive`	`boolean` If `true`, the sub-item will be highlighted as active.	`false`
`children`	`React.ReactNode`
`href`	`string` Supply an `href` to turn this button into a semantic anchor element, for links and routing.
`to`	`string` The URL to navigate to when the button is clicked, if it is an anchor element, used with React Router.