UikNavLinkSecondary

Secondary link for UikNavLink

PropertyTypeRequiredDefault ValueDescription
childrenReact.Nodefalsenull
classNameStringfalsenullyour className or "active" to display active state
rightElReact.NodefalsenullNode element to be displayed on the right side, e.g. number of items
ComponentReact.ElementTypefalse"a"Renders the component with a given react element. By default, the component renders <a />. This is usefull when you want to use a same style but render a different HTML element or your custom component. Read and see more examples here.
highlightedBooleanfalsefalseJust makes the text bold
...restanyfalseOther properties are passed down to the wrapping element

UikNavLinkSecondary Examples

ComponentExample Code
Some Link23Secondary Link17Secondary Link6
<UikNavLink
  highlighted
  rightEl={ 23 }
>
  Some Link
</UikNavLink>
<UikNavLinkSecondary
  rightEl={ 17 }
>
  Secondary Link
</UikNavLinkSecondary>
<UikNavLinkSecondary
  rightEl={ 6 }
>
  Secondary Link
</UikNavLinkSecondary>