[Vuejs]-Vuetify Search Textfield in APpbar with faded background and expanding on click

<template>
<v-container>
    <v-row>
      <v-col>
        <div>
          <v-app-bar>
            <v-toolbar-title class="my-5"></v-toolbar-title>

            <v-spacer></v-spacer>

            <template v-slot:extension>
              <v-container>
                <v-row justify="end">
                  <v-col cols="3">
                    <v-text-field
                      name="name"
                      label=""
                      id="id"
                      outlined
                    ></v-text-field>
                  </v-col>
                  <v-col cols="3">
                    <v-text-field
                      name="name"
                      label=""
                      id="id"
                      outlined
                    ></v-text-field>
                  </v-col>
                </v-row>
              </v-container>
            </template>
          </v-app-bar>
        </div>
      </v-col>
    </v-row>
  </v-container>
</template>
<style scoped>
.my-5 {
  margin-top: 3em;
}
</style>