Function Nav

src/Nav.js:42–77

(props)

};

function Nav(props) {
  const {
    className,
    cssModule,
    tabs,
    pills,
    vertical = false,
    horizontal,
    justified,
    fill,
    navbar,
    card,
    tag: Tag = 'ul',
    ...attributes
  } = props;

  const classes = mapToCssModules(
    classNames(
      className,
      navbar ? 'navbar-nav' : 'nav',
      horizontal ? `justify-content-${horizontal}` : false,
      getVerticalClass(vertical),
      {
        'nav-tabs': tabs,
        'card-header-tabs': card && tabs,
        'nav-pills': pills,
        'card-header-pills': card && pills,
        'nav-justified': justified,
        'nav-fill': fill,
      },
    ),
    cssModule,
  );

  return <Tag {...attributes} className={classes} />;
}

Nav.propTypes = propTypes;