Go Main page
Go Main page

Web components

Foundations
Components
About
cover

components

Navigation row

v.1.0.0 | Saturn

Usage

The name of the object of tokens to style navigationRow is NAVIGATION_ROW_STYLES.

You can not change the name of the object of tokens.

navigationRow component has one way to modify the styles:

  • Variant: modify the styles of the navigationRow.

The structure of the NAVIGATION_ROW_STYLES object is:

Variants

Variants can modify the styles for the NavigationRow.

The tokens used are:

12345678910
const NAVIGATION_ROW_STYLES = {
  [VARIANT]: {
    container?: CommonStyleType;
    textSectionContainer?: CommonStyleType;
    iconTextContainer?: CommonStyleType;
    text?: TypographyTypes;
    descriptionContainer?: CommonStyleType;
    description?: TypographyTypes;
    arrowIcon?: IconTypes;
    decorativeIcon?: IconTypes;

Example

navigationRow theme object example:

12345678910
const NAVIGATION_ROW_STYLES = {
  [VARIANT]: {
    container: {
      width: 'width',
      height: 'height',
      display: 'display',
      flex_direction: 'flex-direction',
      justify_content: 'justify-content',
      cursor: 'cursor',
      background_color: 'background-color',
Navigation rowCode API
Olive MenuUsage