johnleider

{"lastUpload":"2019-10-27T18:44:06.193Z","extensionVersion":"v3.4.3"}

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-container>
      <v-layout align-center>
        <span class="display-2">Framework Timeline</span>
        <v-spacer></v-spacer>
        <v-btn
          color="primary"
          @click="play"
        >

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>
  <v-app>
    <v-bar
      app="top"
      color="blue"
      height="16"
    >

    </v-bar>

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