<template>
  <VForm>
    <VRow>
      <VCol
        cols="12"
        sm="6"
      >
        <VTextField
          label="Prepend"
          prepend-icon="mdi-map-marker"
          class="mb-4"
        />

        <VTextField
          label="Prepend inner"
          prepend-inner-icon="mdi-map-marker"
          class="mb-4"
        />

        <VTextField
          label="Append"
          append-icon="mdi-map-marker"
          class="mb-4"
        />

        <VTextField
          label="Append inner"
          append-inner-icon="mdi-map-marker"
        />
      </VCol>

      <VCol
        cols="12"
        sm="6"
      >
        <VTextField
          label="Prepend"
          prepend-icon="mdi-map-marker"
          variant="solo"
          class="mb-4"
        />

        <VTextField
          label="Prepend inner"
          prepend-inner-icon="mdi-map-marker"
          variant="solo"
          class="mb-4"
        />

        <VTextField
          label="Append"
          append-icon="mdi-map-marker"
          variant="solo"
          class="mb-4"
        />

        <VTextField
          label="Append inner"
          append-inner-icon="mdi-map-marker"
          variant="solo"
        />
      </VCol>

      <VCol
        cols="12"
        sm="6"
      >
        <VTextField
          label="Prepend"
          prepend-icon="mdi-map-marker"
          variant="filled"
          class="mb-4"
        />

        <VTextField
          label="Prepend inner"
          prepend-inner-icon="mdi-map-marker"
          variant="filled"
          class="mb-4"
        />

        <VTextField
          label="Append"
          append-icon="mdi-map-marker"
          variant="filled"
          class="mb-4"
        />

        <VTextField
          label="Append inner"
          append-inner-icon="mdi-map-marker"
          variant="filled"
        />
      </VCol>

      <VCol
        cols="12"
        sm="6"
      >
        <VTextField
          variant="underlined"
          label="Prepend"
          prepend-icon="mdi-map-marker"
          class="mb-4"
        />

        <VTextField
          variant="underlined"
          label="Prepend inner"
          prepend-inner-icon="mdi-map-marker"
          class="mb-4"
        />

        <VTextField
          variant="underlined"
          label="Append"
          append-icon="mdi-map-marker"
          class="mb-4"
        />

        <VTextField
          variant="underlined"
          label="Append inner"
          append-inner-icon="mdi-map-marker"
        />
      </VCol>
    </VRow>
  </VForm>
</template>
