<script>
import {Fragment} from "vue-fragment"
export default {
  components : {
    Fragment
  }
}
</script>
<template>
  <fragment>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#plain-label">Plain Label</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#price-label">Price Label</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#overview-label">Overview Label</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#active-button">Active Button</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#disabled-button">Disabled Button</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#ordered-list">Ordered List</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#unordered-list">Unordered List</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#plain-list">Plain List</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#row-grid">Row Grid</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#span-grid">Span Grid</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#square-grid">Square Grid</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#circle-grid">Circle Grid</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#modal">Modal</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#text-input">Text Input</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#password-input">Password Input</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#textarea-input">Textarea Input</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#select-input">Select Input (Select Option)</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#suggestion-input">Suggestion Input (Text)</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#switch-input">Switch Input</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#checkbox-input">Checkbox Input</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#radio-input">Radio Input</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#date-input">Date Input</b-nav-item>
  </fragment>
</template>