<template>
  <v-container class="text-center">
    <v-row class="justify-center">
      <v-col cols="12" md="4" sm="6">
        <v-btn rounded="0" size="x-large" block>Rounded 0</v-btn>
      </v-col>

      <v-col cols="12" md="4" sm="6">
        <v-btn rounded="xs" size="x-large" block>Rounded xs</v-btn>
      </v-col>

      <v-col cols="12" md="4" sm="6">
        <v-btn rounded="sm" size="x-large" block>Rounded sm</v-btn>
      </v-col>

      <v-col cols="12" md="4" sm="6">
        <v-btn size="x-large" block>Button</v-btn>
      </v-col>

      <v-col cols="12" md="4" sm="6">
        <v-btn rounded="lg" size="x-large" block>Rounded lg</v-btn>
      </v-col>

      <v-col cols="12" md="4" sm="6">
        <v-btn rounded="xl" size="x-large" block>Rounded xl</v-btn>
      </v-col>
    </v-row>
  </v-container>
</template>
