UikNavSection

Just a wrapper for a section, adds some margins around

PropertyTypeRequiredDefault ValueDescription
childrenReact.Nodefalsenull
classNameStringfalsenullclassName, e.g. "my-custom-styling"
...restanyfalseOther properties are passed down to the wrapping element

UikNavSection Examples

ComponentExample Code
Section Namegallery_grid_viewSome Link23helpHelp23
<UikNavSection>
  <UikNavSectionTitle>
    Section Name
  </UikNavSectionTitle>
  <UikNavLink
    className="active"
    highlighted
    icon={ (
      <Uikon>
        gallery_grid_view
      </Uikon>
    ) }
    rightEl={ 23 }
  >
    Some Link
  </UikNavLink>
  <UikNavLink
    highlighted
    icon={ (
      <Uikon>
        help
      </Uikon>
    ) }
    rightEl={ 23 }
  >
    Help
  </UikNavLink>
</UikNavSection>