diff --git a/docs/rfcs/header-component-api.md b/docs/rfcs/header-component-api.md index 562537462..e24111aad 100644 --- a/docs/rfcs/header-component-api.md +++ b/docs/rfcs/header-component-api.md @@ -285,6 +285,46 @@ A visually prominent navigational link that appears in the `Navigation.Secondary - `label` _string_ - display label of the `Navigation.SecondaryLinksSupplementalLink` +### `` + +A navigation for sub-categories below the current top-level category. + +![Subnav](images/header-component-api/subnav.png) + +#### Example + +```jsx + + + + +``` + +#### `` + +A navigational link that appears in the `Subnav` component + +![Subnav](images/header-component-api/subnav-link.png) + +##### Example + +```jsx + +``` + +##### Props + +- `href` _string_ + - navigation location when `Subnav.Link` is clicked +- `label` _string_ + - display label of the `Subnav.Link` + ## Specialised headers ### `` diff --git a/docs/rfcs/images/header-component-api/subnav-link.png b/docs/rfcs/images/header-component-api/subnav-link.png new file mode 100644 index 000000000..7efe9152f Binary files /dev/null and b/docs/rfcs/images/header-component-api/subnav-link.png differ diff --git a/docs/rfcs/images/header-component-api/subnav.png b/docs/rfcs/images/header-component-api/subnav.png new file mode 100644 index 000000000..edda9cd13 Binary files /dev/null and b/docs/rfcs/images/header-component-api/subnav.png differ