chipexample.vue

<template>
  <v-card class="mx-auto" max-width="500">
    <v-img src="https://www.copimera.co/i/2019/01/ottoman-storage-ana-ideas-tufted-plans-wood-outdoor-settee-indoor-outside-diy-bedroom-garden-gray-stunning-bench-leather-seat-modern-design-woodworking-white-shoe-sears-930x535.jpg">

    </v-img>
    <v-card-title>
      <div class="display-1 mb-2">Welcome Home...</div>
      <div class="title font-weight-regular grey--text">Monday, 12:30 PM, Mostly Sunny</div>
    </v-card-title>
    <v-layout align-center px-3 grey--text>
      <v-avatar size="24" class="mr-3">
        <v-img src="http://clipart-library.com/images/BiarbXy4T.png"></v-img>
      </v-avatar>

      <span>81° / 62°</span>
    </v-layout>
    <v-divider class="mt-4 mx-3"></v-divider>
    <v-card-text>
      <v-chip>
        <v-icon left>mdi-brightness-5</v-icon>
        Turn on Lights
      </v-chip>
      <v-chip>
        <v-icon left>mdi-alarm-check</v-icon>
        Set alarm
      </v-chip>
      <v-chip>
        <v-icon left>mdi-blinds</v-icon>
        Close blinds
      </v-chip>
    </v-card-text>
  </v-card>
</template>