diff options
Diffstat (limited to 'src/components/molecules/nav')
| -rw-r--r-- | src/components/molecules/nav/nav.tsx | 13 | 
1 files changed, 11 insertions, 2 deletions
| diff --git a/src/components/molecules/nav/nav.tsx b/src/components/molecules/nav/nav.tsx index 42e3843..6ef9158 100644 --- a/src/components/molecules/nav/nav.tsx +++ b/src/components/molecules/nav/nav.tsx @@ -35,6 +35,10 @@ export type NavProps = {     * The navigation kind.     */    kind: 'main' | 'footer'; +  /** +   * Set additional classnames to the navigation list. +   */ +  listClassName?: string;  };  /** @@ -42,7 +46,12 @@ export type NavProps = {   *   * Render the nav links.   */ -const Nav: VFC<NavProps> = ({ className = '', items, kind }) => { +const Nav: VFC<NavProps> = ({ +  className = '', +  items, +  kind, +  listClassName = '', +}) => {    const kindClass = `nav--${kind}`;    /** @@ -63,7 +72,7 @@ const Nav: VFC<NavProps> = ({ className = '', items, kind }) => {    return (      <nav className={`${styles[kindClass]} ${className}`}> -      <ul className={styles.nav__list}>{getItems()}</ul> +      <ul className={`${styles.nav__list} ${listClassName}`}>{getItems()}</ul>      </nav>    );  }; | 
