Ask Your Question

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

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:

    <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>

  export default {
    // Component logic goes here

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


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

Seen: 21 times

Last updated: Aug 14 '21