Skip to content

Instantly share code, notes, and snippets.

@m4l3vich

m4l3vich/VerticalButton.vue

Created August 7, 2020 08:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save m4l3vich/707ad21f17a0b61013e0bbb7b3a42423 to your computer and use it in GitHub Desktop.
Save m4l3vich/707ad21f17a0b61013e0bbb7b3a42423 to your computer and use it in GitHub Desktop.
Download ZIP
Vertical button (button with icon on top) in Vuetify
Raw
VerticalButton.vue
<template>
<v-btn class="vertical-button" v-bind="$attrs">
<slot/>
</v-btn>
</template>
<style>
.vertical-button, .vertical-button span.v-btn__content {
height: 52px !important;
}
.vertical-button span.v-btn__content {
flex-direction: column;
justify-content: space-around;
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment