Permalink
Fetching contributors…
Cannot retrieve contributors at this time
53 lines (47 sloc) 1016 Bytes
<template>
<v-footer
dark
height="auto"
>
<v-card
class="flex"
flat
tile
>
<v-card-title class="teal">
<strong class="subheading">Get connected with us on social networks!</strong>
<v-spacer></v-spacer>
<v-btn
v-for="icon in icons"
:key="icon"
class="mx-3"
dark
icon
>
<v-icon size="24px">{{ icon }}</v-icon>
</v-btn>
</v-card-title>
<v-card-actions class="grey darken-3 justify-center">
&copy;2018 — <strong>Vuetify</strong>
</v-card-actions>
</v-card>
</v-footer>
</template>
<script>
export default {
data: () => ({
icons: [
'fab fa-facebook',
'fab fa-twitter',
'fab fa-google-plus',
'fab fa-linkedin',
'fab fa-instagram'
]
})
}
</script>
<codepen-resources lang="json">
{
"js": ["https://use.fontawesome.com/releases/v5.0.6/js/all.js"]
}
</codepen-resources>