Nav

Navigation components with default pills and tabs styles.

This page shows some example usage of the <BsNav> component. For the full documentation please refer to the API Docs. You might also want to consult the official Bootstrap Docs for general information.
pills

<BsNav
  @type="pills"
  @justified={{false}}
  @stacked={{false}}
  @fill={{false}} as |nav|
>
  <nav.item>
    <nav.link-to @route="index">Home</nav.link-to>
  </nav.item>
  <nav.item>
    <nav.link-to @route="demo.navs">Nav</nav.link-to>
  </nav.item>
  <nav.dropdown as |dd|>
    <dd.toggle>
      Dropdown
      <span class="caret"></span>
    </dd.toggle>
    <dd.menu as |ddm|>
      <ddm.item>
        <ddm.link-to @route="index">Home</ddm.link-to>
      </ddm.item>
      <ddm.item>
        <ddm.link-to @route="demo.navs">Nav</ddm.link-to>
      </ddm.item>
    </dd.menu>
  </nav.dropdown>
</BsNav>