@rhds/elements
Version:
Red Hat Design System Elements
55 lines (42 loc) • 1.56 kB
Markdown
# Navigation Primary
Primary navigation for top level site navigation.
## Usage
```html
<rh-navigation-primary>
<rh-navigation-primary-item variant="dropdown">
<span slot="summary">Item 1</span>
Item 1 Content
</rh-navigation-primary-item>
<rh-navigation-primary-item variant="dropdown">
<span slot="summary">Item 2</span>
Item 2 Content
</rh-navigation-primary-item>
<rh-navigation-primary-item variant="dropdown">
<span slot="summary">Item 3</span>
Item 3 Content
</rh-navigation-primary-item>
<rh-navigation-primary-item variant="dropdown">
<span slot="summary">Item 4</span>
Item 4 Content
</rh-navigation-primary-item>
<rh-navigation-primary-item variant="dropdown">
<span slot="summary">Item 5</span>
Item 5 Content
</rh-navigation-primary-item>
<rh-navigation-primary-item slot="links">Link 1</rh-navigation-primary-item>
<rh-navigation-primary-item slot="links">Link 2</rh-navigation-primary-item>
<rh-navigation-primary-item slot="links">Link 3</rh-navigation-primary-item>
<rh-navigation-primary-item slot="dropdowns" variant="dropdown">
<span slot="summary">Item 6</span>
Item 6 Content
</rh-navigation-primary-item>
<rh-navigation-primary-item slot="dropdowns" variant="dropdown">
<span slot="summary">Item 7</span>
Item 7 Content
</rh-navigation-primary-item>
<rh-navigation-primary-item slot="dropdowns" variant="dropdown">
<span slot="summary">Item 8</span>
Item 8 Content
</rh-navigation-primary-item>
</rh-navigation-primary>
```