Revision history [back]

One way to create several buttons that look alike in Vue/Vuetify is to use the v-btn component and style it using the color and outlined props. Here's an example:

<template>
  <div>
    <v-btn color="primary" outlined>Button 1</v-btn>
    <v-btn color="primary" outlined>Button 2</v-btn>
    <v-btn color="primary" outlined>Button 3</v-btn>
  </div>
</template>

<script>
  export default {
    // Component logic goes here
  }
</script>

In this example, we're using the color prop to set the primary color for the buttons. We're also using the outlined prop to give the buttons a border. By applying these props to multiple v-btn components, we can create a set of buttons that look alike.