- Example usage
- Prop Table
import { NavTitle } from '@duik/it'
import NavTitle from '@duik/nav-title'
Styled typo for main navigation title in the NavPanel. Don't miss full example of how to build a navigation with nav elements here.
<NavPanel dark> <NavTitle> My Navigation </NavTitle> <NavSection> <NavSectionTitle> Section title 1 </NavSectionTitle> <NavLink> Item 1 </NavLink> <NavLink> Item 2 </NavLink> </NavSection> <NavSection> <NavSectionTitle> Section title 2 </NavSectionTitle> <NavLink> Item 1 </NavLink> <NavLink> Item 2 </NavLink> </NavSection> </NavPanel> <nav class="nav-panel-dark"> <span class="nav-title">My Navigation</span> <div class="nav-section"> <span class="nav-section-title">Section title 1</span> <a class="nav-link"> <span class="nav-link-text">Item 1</span> </a> <a class="nav-link"> <span class="nav-link-text">Item 2</span> </a> </div> <div class="nav-section"> <span class="nav-section-title">Section title 2</span> <a class="nav-link"> <span class="nav-link-text">Item 1</span> </a> <a class="nav-link"> <span class="nav-link-text">Item 2</span> </a> </div> </nav> ReactHTML Snippet |
Any props you would pass to span
.