johnleider

<template>
  <v-app>
    <v-content class="py-3 px-5">
      <section>
        <v-headline>Typography</v-headline>
        <v-display-4>H1</v-display-4>
        <v-display-3>H2</v-display-3>
        <v-display-2>H3</v-display-2>
        <v-display-1>H4</v-display-1>
        <v-headline>H5</v-headline>

johnleider

<template>
  <boilerplate>
    <div class="text-xs-left">
      <v-expansion-panel
        v-model="panel2"
        expand
        class="mb-5"
      >
        <v-expansion-panel-content
          v-for="(item, i) in 5"

johnleider

<template>
  <v-app>
    <v-content>
      <v-container>
        <v-expansion-panel v-model="panel" inset>
          <v-expansion-panel-content>
            <template slot="header">
              <v-flex
                tag="v-list-item-content"
                xs3

johnleider

<template>
  <boilerplate>
    <h1 class="display-1 grey--text font-weight-light">Select your destination</h1>
    <span class="caption font-weight-bold">GORGEOUS SITES AROUND THE WORLD</span>
    <v-divider class="mt-4 mb-5"></v-divider>
    <v-item-group
      class="justify-center"
      active-class="v-card--active"
      v-model="selection"
    >

johnleider

<template>
  <v-app>
    <v-content>
      <v-container class="pa-5" style="max-width: 600px;">
        <v-timeline dense clipped>
          <v-timeline-item color="orange">
            <v-text-field
              label="Leave a comment..."
              solo
              hide-details

johnleider

<template>
  <v-app>
    <v-content class="pa-5">
      <v-treeview
        v-model="tree"
        :open="open"
        :items="items"
        item-key="name"
        open-on-click
      >

johnleider

<template>
  <boilerplate>
    <v-layout align-center justify-center>
      <v-card class="pa-3" width="500">
        <v-chip
          class="elevation-0"
          outline
          @click="step = 0"
        >
        <v-icon

johnleider

# Fork vuetify https://github.com/vuetifyjs/vuetify
git clone your-fork
cd vuetify
git checkout feat/docs-next
yarn
yarn build
lerna run dev --scope vuetifyjs.com --stream

johnleider

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

johnleider

vue create my-app --preset vuetifyjs/vue-cli-preset-vuetify