Ask Your Question
4

How can I add several buttons that look alike in Vue/Vuetify?

asked 2022-06-09 11:00:00 +0000

lakamha gravatar image

edit retag flag offensive close merge delete

1 Answer

Sort by ยป oldest newest most voted
3

answered 2021-08-14 20:00:00 +0000

scrum gravatar image

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.

edit flag offensive delete link more

Your Answer

Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss

Add Answer


Question Tools

Stats

Asked: 2022-06-09 11:00:00 +0000

Seen: 14 times

Last updated: Aug 14 '21