<b-card no-body class="mb-1">
            <b-card-header header-tag="header" class="p-1" role="tab">
              <b-button block href="#" v-b-toggle.folders variant="info"><i class="fas fa-folder-open"></i>  Folders</b-button>
            </b-card-header>
            <b-collapse id="folders" visible accordion="my-folders" role="tabpanel">
              <b-card-body>
                <b-btn v-b-toggle.newfolder variant="primary" size="sm"><i class="fas fa-plus-circle"></i> New folder </b-btn>
                   <b-collapse id="newfolder" class="mt-2">
                    <form @submit.prevent="newFolder">
                       <div class="form-group">
                         <input type="text" v-model="folder" class="form-control" id="folder" placeholder="Folder name">
                        </div>
                    </form>
                  </b-collapse>
                <b-card-text><folders></folders></b-card-text>
              </b-card-body>
            </b-collapse>
          </b-card>