<script>
import {Fragment} from "vue-fragment"

export default {
  components: {
    Fragment
  }
}
</script>
<template>
  <b-nav pills vertical>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#content-header-view">Content Header View</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#content-table-view">Content Table View</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#content-form-view">Content Form View</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#card-chart-view">Card Chart View </b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#card-stats-view">Card Stats View </b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#card-status-view">Card Status View </b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#input-text-group">Input Text Group</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#input-textarea-group">Input Textarea Group</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#input-select-group">Input Select Group</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#input-suggestion-group">Input Suggestion Group</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#input-switch-group">Input Switch Group</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#input-checkbox-group">Input Checkbox Group</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#input-radio-group">Input Radio Group</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#input-date-group">Input Date Group</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#input-password-group">Input Password Group</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#report-title-group">Report Title Group</b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#report-date-filter">Report Date Filter </b-nav-item>
    <b-nav-item class="ml-3 text-dark font-size-12" href="#report-select-filter">Report Select Filter </b-nav-item>
  </b-nav>
</template>