packages/docs/src/examples/grid/prop-offset.vue - master - githubmirror/vuetify

packages/docs/src/examples/grid/prop-offset.vue

53 строки978 B

Andrei Elkin

feat(VCol/VRow): grid system overhaul (#21500)

30 янв 2026, 12:21

30 янв 2026, 12:21f6d24a9

<template>
  <v-container class="bg-surface-variant">
    <v-row
      class="mb-6"
      gap="0"
    >
      <v-col cols="4">
        <v-sheet class="pa-2 ma-2">
          .v-col-4
        </v-sheet>
      </v-col>
      <v-col
        cols="4"
        offset="4"
      >
        <v-sheet class="pa-2 ma-2">
          .v-col-4 .offset-4
        </v-sheet>
      </v-col>
    </v-row>
    <v-row
      class="mb-6"
      gap="0"
    >
      <v-col
        cols="3"
        offset="3"
      >
        <v-sheet class="pa-2 ma-2">
          .v-col-3 .offset-3
        </v-sheet>
      </v-col>
      <v-col
        cols="3"
        offset="3"
      >
        <v-sheet class="pa-2 ma-2">
          .v-col-3 .offset-3
        </v-sheet>
      </v-col>
    </v-row>
    <v-row gap="0">
      <v-col
        cols="6"
        offset="3"
      >
        <v-sheet class="pa-2 ma-2">
          .v-col-6 .offset-3
        </v-sheet>
      </v-col>
    </v-row>
  </v-container>
</template>