packages/docs/src/examples/border/styles.vue - master - githubmirror/vuetify

packages/docs/src/examples/border/styles.vue

33 строки998 B

Andrei Elkin

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

30 янв 2026, 12:21

30 янв 2026, 12:21f6d24a9

<template>
  <v-container>
    <v-row class="justify-space-around">
      <v-col cols="auto">
        <div class="text-center">
          <v-btn text="Button A" variant="text" border></v-btn>
          <div class="text-body-small">border</div>
        </div>
      </v-col>

      <v-col cols="auto">
        <div class="text-center">
          <v-btn border="dashed thin" text="Button A" variant="text"></v-btn>
          <div class="text-body-small">border-dashed</div>
        </div>
      </v-col>

      <v-col cols="auto">
        <div class="text-center">
          <v-btn border="dotted thin" text="Button A" variant="text"></v-btn>
          <div class="text-body-small">border-dotted</div>
        </div>
      </v-col>

      <v-col cols="auto">
        <div class="text-center">
          <v-btn border="double lg" text="Button A" variant="text"></v-btn>
          <div class="text-body-small">border-double</div>
        </div>
      </v-col>
    </v-row>
  </v-container>
</template>