UikNavLinkDark

Same properties as UikNavLink with different styling suitable for dark backgrounds. This style is used in buildings example app.

UikNavLink Examples

ComponentExample Code
<React.Fragment>
  <UikNavLinkDark>
    Dashboard
  </UikNavLinkDark>
  <UikNavLinkDark className="active">
    Buildings
  </UikNavLinkDark>
  <UikNavLinkDark>
    Messages
  </UikNavLinkDark>
</React.Fragment>
<UikNavLinkDark
  rightEl="23"
>
  Some Link
</UikNavLinkDark>
<UikNavLinkDark
  icon="🏃🏻"
  rightEl="23"
>
  Some Link
</UikNavLinkDark>
<UikNavLinkDark
  className="active"
  highlighted
  rightEl="23"
>
  Some Link
</UikNavLinkDark>
import { NavLink } from 'react-router-dom'
// renders with NavLink from react-router
<UikNavLinkDark Component={NavLink}>
  Some Link
</UikNavLinkDark>