diff --git a/releases/0.13/examples/alerts/1.vue b/releases/0.13/examples/alerts/1.vue
new file mode 100644
index 00000000..bd137b64
--- /dev/null
+++ b/releases/0.13/examples/alerts/1.vue
@@ -0,0 +1,19 @@
+
+
+
+ This is a success alert.
+
+
+
+ This is a info alert.
+
+
+
+ This is a warning alert.
+
+
+
+ This is a error alert.
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/alerts/2.vue b/releases/0.13/examples/alerts/2.vue
new file mode 100644
index 00000000..7e982f5a
--- /dev/null
+++ b/releases/0.13/examples/alerts/2.vue
@@ -0,0 +1,21 @@
+
+
+
+ This is a success alert that is closable.
+
+
+
+ Reset
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/alerts/3.vue b/releases/0.13/examples/alerts/3.vue
new file mode 100644
index 00000000..a9cd5571
--- /dev/null
+++ b/releases/0.13/examples/alerts/3.vue
@@ -0,0 +1,11 @@
+
+
+
+ This is a success alert with a custom icon.
+
+
+
+ This is an error alert with no icon.
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/alerts/4.vue b/releases/0.13/examples/alerts/4.vue
new file mode 100644
index 00000000..57f3e7ba
--- /dev/null
+++ b/releases/0.13/examples/alerts/4.vue
@@ -0,0 +1,22 @@
+
+
+
+ Toggle
+
+
+ This is a success alert.
+
+
+
+
+
diff --git a/releases/0.13/examples/alerts/example.vue b/releases/0.13/examples/alerts/example.vue
new file mode 100644
index 00000000..782ff690
--- /dev/null
+++ b/releases/0.13/examples/alerts/example.vue
@@ -0,0 +1,5 @@
+
+
+ Testing
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/alignment/1.vue b/releases/0.13/examples/alignment/1.vue
new file mode 100644
index 00000000..baa18873
--- /dev/null
+++ b/releases/0.13/examples/alignment/1.vue
@@ -0,0 +1,11 @@
+
+
+
+ Right align on large viewport sizes
+ Center align on medium viewport sizes
+ Left align on small viewport sizes
+ Center align on all viewport sizes
+ Right align on all viewport sizes
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/badges/1.vue b/releases/0.13/examples/badges/1.vue
new file mode 100644
index 00000000..ea94785c
--- /dev/null
+++ b/releases/0.13/examples/badges/1.vue
@@ -0,0 +1,7 @@
+
+
+ shopping_cart
+
+ mail
+
+
diff --git a/releases/0.13/examples/badges/2.vue b/releases/0.13/examples/badges/2.vue
new file mode 100644
index 00000000..3075ad86
--- /dev/null
+++ b/releases/0.13/examples/badges/2.vue
@@ -0,0 +1,19 @@
+
+
+
+ account_circle
+
+
+
+ account_box
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/badges/3.vue b/releases/0.13/examples/badges/3.vue
new file mode 100644
index 00000000..1282203f
--- /dev/null
+++ b/releases/0.13/examples/badges/3.vue
@@ -0,0 +1,7 @@
+
+
+ Examples
+
+ Lists
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/badges/4.vue b/releases/0.13/examples/badges/4.vue
new file mode 100644
index 00000000..03fa2a28
--- /dev/null
+++ b/releases/0.13/examples/badges/4.vue
@@ -0,0 +1,29 @@
+
+
+
+
+ toggle
+
+
+ shopping_cart
+ mail
+
+
+
+
+
+
diff --git a/releases/0.13/examples/bottom-navigation/1.vue b/releases/0.13/examples/bottom-navigation/1.vue
new file mode 100644
index 00000000..1796d39c
--- /dev/null
+++ b/releases/0.13/examples/bottom-navigation/1.vue
@@ -0,0 +1,28 @@
+
+
+
+
+ Recents
+ history
+
+
+ Favorites
+ favorite
+
+
+ Nearby
+ place
+
+
+
+
+
+
diff --git a/releases/0.13/examples/bottom-navigation/2.vue b/releases/0.13/examples/bottom-navigation/2.vue
new file mode 100644
index 00000000..6aca1e94
--- /dev/null
+++ b/releases/0.13/examples/bottom-navigation/2.vue
@@ -0,0 +1,42 @@
+
+
+
+
+ Video
+ ondemand_video
+
+
+ Music
+ music_note
+
+
+ Book
+ book
+
+
+ Image
+ image
+
+
+
+
+
+
diff --git a/releases/0.13/examples/bottom-navigation/3.vue b/releases/0.13/examples/bottom-navigation/3.vue
new file mode 100644
index 00000000..071664f4
--- /dev/null
+++ b/releases/0.13/examples/bottom-navigation/3.vue
@@ -0,0 +1,32 @@
+
+
+
+ Toggle Nav
+
+
+
+ Recents
+ history
+
+
+ Favorites
+ favorite
+
+
+ Nearby
+ place
+
+
+
+
+
+
diff --git a/releases/0.13/examples/breadcrumbs/1.vue b/releases/0.13/examples/breadcrumbs/1.vue
new file mode 100644
index 00000000..0de04a3c
--- /dev/null
+++ b/releases/0.13/examples/breadcrumbs/1.vue
@@ -0,0 +1,44 @@
+
+
+
+
+ {{ item.text }}
+
+
+
+
+
+ {{ item.text }}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/breadcrumbs/2.vue b/releases/0.13/examples/breadcrumbs/2.vue
new file mode 100644
index 00000000..36c00f38
--- /dev/null
+++ b/releases/0.13/examples/breadcrumbs/2.vue
@@ -0,0 +1,44 @@
+
+
+
+
+ {{ item.text }}
+
+
+
+
+
+ {{ item.text }}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/buttons/1.vue b/releases/0.13/examples/buttons/1.vue
new file mode 100644
index 00000000..4eebfb76
--- /dev/null
+++ b/releases/0.13/examples/buttons/1.vue
@@ -0,0 +1,36 @@
+
+
+
+ Light Theme
+
+
+
+ Normal
+
+
+ Primary
+
+
+ Disabled
+
+
+
+
+ Dark Theme
+
+
+
+ Normal
+
+
+ Primary
+
+
+ Disabled
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/buttons/10.vue b/releases/0.13/examples/buttons/10.vue
new file mode 100644
index 00000000..3df2c83e
--- /dev/null
+++ b/releases/0.13/examples/buttons/10.vue
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+
+
+ Small Button
+
+
+ Normal Button
+
+
+ Large Button
+
+
+
+
+
+
+
+
+
+
+
+ edit
+
+
+
+
+ account_circle
+
+
+
+
+ alarm
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/buttons/11.vue b/releases/0.13/examples/buttons/11.vue
new file mode 100644
index 00000000..4e450e21
--- /dev/null
+++ b/releases/0.13/examples/buttons/11.vue
@@ -0,0 +1,11 @@
+
+
+ Outline Button
+
+ list
+
+
+ edit
+
+
+
diff --git a/releases/0.13/examples/buttons/12.vue b/releases/0.13/examples/buttons/12.vue
new file mode 100644
index 00000000..ac771268
--- /dev/null
+++ b/releases/0.13/examples/buttons/12.vue
@@ -0,0 +1,5 @@
+
+
+ Rounded Button
+
+
diff --git a/releases/0.13/examples/buttons/13.vue b/releases/0.13/examples/buttons/13.vue
new file mode 100644
index 00000000..0c195b51
--- /dev/null
+++ b/releases/0.13/examples/buttons/13.vue
@@ -0,0 +1,3 @@
+
+ Block Button
+
diff --git a/releases/0.13/examples/buttons/2.vue b/releases/0.13/examples/buttons/2.vue
new file mode 100644
index 00000000..4487e15e
--- /dev/null
+++ b/releases/0.13/examples/buttons/2.vue
@@ -0,0 +1,36 @@
+
+
+
+ Raised Light Theme
+
+
+
+ Normal
+
+
+ Another
+
+
+ Disabled
+
+
+
+
+ Raised Dark Theme
+
+
+
+ Normal
+
+
+ Error
+
+
+ Disabled
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/buttons/3.vue b/releases/0.13/examples/buttons/3.vue
new file mode 100644
index 00000000..e53cc80d
--- /dev/null
+++ b/releases/0.13/examples/buttons/3.vue
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/buttons/4.vue b/releases/0.13/examples/buttons/4.vue
new file mode 100644
index 00000000..ca4db9da
--- /dev/null
+++ b/releases/0.13/examples/buttons/4.vue
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+ Overflow
+
+
+
+ Segmented
+
+
+
+ Editable
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/buttons/5.vue b/releases/0.13/examples/buttons/5.vue
new file mode 100644
index 00000000..15183e29
--- /dev/null
+++ b/releases/0.13/examples/buttons/5.vue
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+ Exclusive
+
+
+
+ Multiple
+
+
+
+ No Options Selected
+
+
+
+ Mandatory
+
+
+
+ Text Options
+
+
+
+ Text & Icon Options
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/buttons/6.vue b/releases/0.13/examples/buttons/6.vue
new file mode 100644
index 00000000..944cc0eb
--- /dev/null
+++ b/releases/0.13/examples/buttons/6.vue
@@ -0,0 +1,58 @@
+
+
+
+
+
+
+ Normal
+
+
+
+ favorite
+
+
+
+
+ star
+
+
+
+
+ cached
+
+
+
+
+ thumb_up
+
+
+
+
+
+ Disabled
+
+
+
+ favorite
+
+
+
+
+ star
+
+
+
+
+ cached
+
+
+
+
+ thumb_up
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/buttons/7.vue b/releases/0.13/examples/buttons/7.vue
new file mode 100644
index 00000000..29966dc5
--- /dev/null
+++ b/releases/0.13/examples/buttons/7.vue
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/buttons/8.vue b/releases/0.13/examples/buttons/8.vue
new file mode 100644
index 00000000..53531dc5
--- /dev/null
+++ b/releases/0.13/examples/buttons/8.vue
@@ -0,0 +1,22 @@
+
+
+
+ remove
+
+
+ favorite
+
+
+ add
+
+
+ list
+
+
+ edit
+
+
+ android
+
+
+
diff --git a/releases/0.13/examples/buttons/9.vue b/releases/0.13/examples/buttons/9.vue
new file mode 100644
index 00000000..8c8ec281
--- /dev/null
+++ b/releases/0.13/examples/buttons/9.vue
@@ -0,0 +1,107 @@
+
+
+
+ Accept Terms
+
+
+
+ Upload
+ cloud_upload
+
+
+
+ Custom Loader
+ Loading...
+
+
+
+ Icon Loader
+
+ cached
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/cards/1.vue b/releases/0.13/examples/cards/1.vue
new file mode 100644
index 00000000..91fb9a85
--- /dev/null
+++ b/releases/0.13/examples/cards/1.vue
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
Kangaroo Valley Safari
+
Located two hours south of Sydney in the Southern Highlands of New South Wales, ...
+
+
+
+ Share
+ Explore
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/cards/2.vue b/releases/0.13/examples/cards/2.vue
new file mode 100644
index 00000000..28b6c801
--- /dev/null
+++ b/releases/0.13/examples/cards/2.vue
@@ -0,0 +1,32 @@
+
+
+
+
+
+
+
+
+ Top 10 Australian beaches
+
+
+
+
+
+
+ Number 10
+ Whitehaven Beach
+ Whitsunday Island, Whitsunday Islands
+
+
+
+ Share
+ Explore
+
+
+
+
+
diff --git a/releases/0.13/examples/cards/3.vue b/releases/0.13/examples/cards/3.vue
new file mode 100644
index 00000000..f031dd7b
--- /dev/null
+++ b/releases/0.13/examples/cards/3.vue
@@ -0,0 +1,75 @@
+
+
+
+
+ My Music
+
+
+ search
+
+
+
+
+
+
+
+
+ Unlimited music now
+ Listen to your favorite artists and albums whenenver and wherever, online and offline.
+
+
+ Listen now
+
+
+
+
+
+
+
+
+
+
Supermodel
+
Foster the People
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Halycon Days
+
Ellie Goulding
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/cards/4.vue b/releases/0.13/examples/cards/4.vue
new file mode 100644
index 00000000..ca0002c1
--- /dev/null
+++ b/releases/0.13/examples/cards/4.vue
@@ -0,0 +1,69 @@
+
+
+
+
+
+ network_wifi
+ signal_cellular_null
+ battery_full
+ 12:30
+
+
+
+ Discover
+
+
+ search
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ favorite
+
+
+ bookmark
+
+
+ share
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/cards/5.vue b/releases/0.13/examples/cards/5.vue
new file mode 100644
index 00000000..b2e30f5d
--- /dev/null
+++ b/releases/0.13/examples/cards/5.vue
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
+
+
Top western road trips
+
1,000 miles of wonder
+
+
+
+ Share
+ Explore
+
+
+ {{ show ? 'keyboard_arrow_down' : 'keyboard_arrow_up' }}
+
+
+
+
+ I'm a thing. But, like most politicians, he promised more than he could deliver. You won't have time for sleeping, soldier, not with all the bed making you'll be doing. Then we'll go with that data file! Hey, you add a one and two zeros to that or we walk! You're going to do his laundry? I've got to find a way to escape.
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/cards/6.vue b/releases/0.13/examples/cards/6.vue
new file mode 100644
index 00000000..aca56c1d
--- /dev/null
+++ b/releases/0.13/examples/cards/6.vue
@@ -0,0 +1,18 @@
+
+
+
+
+ Featured Event:
+ May 24, 2016
+ 7-11pm
+
+
+
+ Add to Calendar
+
+
+ event
+
+
+
+
diff --git a/releases/0.13/examples/cards/7.vue b/releases/0.13/examples/cards/7.vue
new file mode 100644
index 00000000..7eb8a246
--- /dev/null
+++ b/releases/0.13/examples/cards/7.vue
@@ -0,0 +1,7 @@
+
+
+
+ YOUR PRODUCT
+
+
+
diff --git a/releases/0.13/examples/carousel/1.vue b/releases/0.13/examples/carousel/1.vue
new file mode 100644
index 00000000..34410eee
--- /dev/null
+++ b/releases/0.13/examples/carousel/1.vue
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/carousel/2.vue b/releases/0.13/examples/carousel/2.vue
new file mode 100644
index 00000000..e1365712
--- /dev/null
+++ b/releases/0.13/examples/carousel/2.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/carousel/3.vue b/releases/0.13/examples/carousel/3.vue
new file mode 100644
index 00000000..0aa32d49
--- /dev/null
+++ b/releases/0.13/examples/carousel/3.vue
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/chips/1.vue b/releases/0.13/examples/chips/1.vue
new file mode 100644
index 00000000..8e42da45
--- /dev/null
+++ b/releases/0.13/examples/chips/1.vue
@@ -0,0 +1,30 @@
+
+
+
+
+
+ Example Chip
+
+
+ Example Chip
+
+
+
+
+
+
+
+
+ Trevor Hansen
+
+
+
+
+ A
+ ANZ Bank
+
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/chips/2.vue b/releases/0.13/examples/chips/2.vue
new file mode 100644
index 00000000..6245b95b
--- /dev/null
+++ b/releases/0.13/examples/chips/2.vue
@@ -0,0 +1,11 @@
+
+
+ Primary
+
+ Secondary
+
+ Colored Chip
+
+ Colored Chip
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/chips/3.vue b/releases/0.13/examples/chips/3.vue
new file mode 100644
index 00000000..e42f43c4
--- /dev/null
+++ b/releases/0.13/examples/chips/3.vue
@@ -0,0 +1,32 @@
+
+
+
+
+ account_circle
+
+ Ranee
+
+
+
+ Premium
+ star
+
+
+
+ 1 Year
+ cake
+
+
+
+ 1
+ Years
+
+
+
+
+ check_circle
+
+ Confirmed
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/chips/4.vue b/releases/0.13/examples/chips/4.vue
new file mode 100644
index 00000000..011ad11b
--- /dev/null
+++ b/releases/0.13/examples/chips/4.vue
@@ -0,0 +1,11 @@
+
+
+ Outline
+
+ Colored
+
+
+ build Icon
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/chips/5.vue b/releases/0.13/examples/chips/5.vue
new file mode 100644
index 00000000..4beda6bd
--- /dev/null
+++ b/releases/0.13/examples/chips/5.vue
@@ -0,0 +1,11 @@
+
+
+ Label
+
+
+ label Tags
+
+
+ Outline
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/chips/6.vue b/releases/0.13/examples/chips/6.vue
new file mode 100644
index 00000000..9d54e8a1
--- /dev/null
+++ b/releases/0.13/examples/chips/6.vue
@@ -0,0 +1,33 @@
+
+
+
+
+ Reset Chips
+
+
+
Closable
+
+
Remove
+
+
Success
+
+
Complete
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/content/1.vue b/releases/0.13/examples/content/1.vue
new file mode 100644
index 00000000..8998b98c
--- /dev/null
+++ b/releases/0.13/examples/content/1.vue
@@ -0,0 +1,3 @@
+
+ Lorem ipsum dolor sit amet, brute iriure accusata ne mea. Eos suavitate referrentur ad, te duo agam libris qualisque, utroque quaestio accommodare no qui. Et percipit laboramus usu, no invidunt verterem nominati mel. Dolorem ancillae an mei, ut putant invenire splendide mel, ea nec propriae adipisci. Ignota salutandi accusamus in sed, et per malis fuisset, qui id ludus appareat.
+
\ No newline at end of file
diff --git a/releases/0.13/examples/content/2.vue b/releases/0.13/examples/content/2.vue
new file mode 100644
index 00000000..f6b0cb75
--- /dev/null
+++ b/releases/0.13/examples/content/2.vue
@@ -0,0 +1,7 @@
+
+
+
Lorem ipsum dolor sit amet, brute iriure accusata ne mea. Eos suavitate referrentur ad, te duo agam libris qualisque, utroque quaestio accommodare no qui. Et percipit laboramus usu, no invidunt verterem nominati mel. Dolorem ancillae an mei, ut putant invenire splendide mel, ea nec propriae adipisci. Ignota salutandi accusamus in sed, et per malis fuisset, qui id ludus appareat.
+
+
Lorem ipsum dolor sit amet, brute iriure accusata ne mea. Eos suavitate referrentur ad, te duo agam libris qualisque, utroque quaestio accommodare no qui. Et percipit laboramus usu, no invidunt verterem nominati mel. Dolorem ancillae an mei, ut putant invenire splendide mel, ea nec propriae adipisci. Ignota salutandi accusamus in sed, et per malis fuisset, qui id ludus appareat.
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/content/3.vue b/releases/0.13/examples/content/3.vue
new file mode 100644
index 00000000..8d586812
--- /dev/null
+++ b/releases/0.13/examples/content/3.vue
@@ -0,0 +1,3 @@
+
+ Example of an inline <code>
element.
+
\ No newline at end of file
diff --git a/releases/0.13/examples/content/4.vue b/releases/0.13/examples/content/4.vue
new file mode 100644
index 00000000..e67104ed
--- /dev/null
+++ b/releases/0.13/examples/content/4.vue
@@ -0,0 +1,3 @@
+
+ v = u * e
+
\ No newline at end of file
diff --git a/releases/0.13/examples/content/5.vue b/releases/0.13/examples/content/5.vue
new file mode 100644
index 00000000..7137f57a
--- /dev/null
+++ b/releases/0.13/examples/content/5.vue
@@ -0,0 +1,3 @@
+
+ To install Vuetify, type npm install vuetify into your console. Once complete, type cd <project name> and run npm install
+
\ No newline at end of file
diff --git a/releases/0.13/examples/dialogs/1.vue b/releases/0.13/examples/dialogs/1.vue
new file mode 100644
index 00000000..c5d87dc3
--- /dev/null
+++ b/releases/0.13/examples/dialogs/1.vue
@@ -0,0 +1,29 @@
+
+
+
+ Open Dialog
+
+
+ Use Google's location service?
+
+ Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running.
+
+
+ Disagree
+ Agree
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/dialogs/2.vue b/releases/0.13/examples/dialogs/2.vue
new file mode 100644
index 00000000..b0c9eac1
--- /dev/null
+++ b/releases/0.13/examples/dialogs/2.vue
@@ -0,0 +1,26 @@
+
+
+
+ Open Dialog
+
+ Use Google's location service?
+ Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running.
+
+
+ Disagree
+ Agree
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/dialogs/3.vue b/releases/0.13/examples/dialogs/3.vue
new file mode 100644
index 00000000..95c519a5
--- /dev/null
+++ b/releases/0.13/examples/dialogs/3.vue
@@ -0,0 +1,75 @@
+
+
+
+ Open Dialog
+
+
+
+ close
+
+ Settings
+
+
+ Save
+
+
+
+ User Controls
+
+
+ Content filtering
+ Set the content filtering level to restrict appts that can be downloaded
+
+
+
+
+ Password
+ Require password for purchase or use password to restrict purchase
+
+
+
+
+
+ General
+
+
+
+
+
+ Notifications
+ Notify me about updates to apps or games that I downloaded
+
+
+
+
+
+
+
+ Sound
+ Auto-update apps at any time. Data charges may apply
+
+
+
+
+
+
+
+ Auto-add widgets
+ Automatically add home screen widgets
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/dialogs/4.vue b/releases/0.13/examples/dialogs/4.vue
new file mode 100644
index 00000000..b57e0873
--- /dev/null
+++ b/releases/0.13/examples/dialogs/4.vue
@@ -0,0 +1,49 @@
+
+
+
+ Open Dialog
+
+
+ User Profile
+
+
+
+
+
+
+
+
+ *indicates required field
+
+
+
+ Close
+ Save
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/dialogs/5.vue b/releases/0.13/examples/dialogs/5.vue
new file mode 100644
index 00000000..47f235f4
--- /dev/null
+++ b/releases/0.13/examples/dialogs/5.vue
@@ -0,0 +1,47 @@
+
+
+
+ Open Dialog
+
+ Select Country
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Close
+ Save
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/dialogs/6.vue b/releases/0.13/examples/dialogs/6.vue
new file mode 100644
index 00000000..dd7fe212
--- /dev/null
+++ b/releases/0.13/examples/dialogs/6.vue
@@ -0,0 +1,37 @@
+
+
+
+ Open Dialog
+
+
+ Use Google's location service?
+
+ Lorem ipsum dolor sit amet, semper quis, sapien id natoque elit. Nostra urna at, magna at neque sed sed ante imperdiet, dolor mauris cursus velit, velit non, sem nec. Volutpat sem ridiculus placerat leo, augue in, duis erat proin condimentum in a eget, sed fermentum sed vestibulum varius ac, vestibulum volutpat orci ut elit eget tortor. Ultrices nascetur nulla gravida ante arcu. Pharetra rhoncus morbi ipsum, nunc tempor debitis, ipsum pellentesque, vitae id quam ut mauris dui tempor, aptent non. Quisque turpis. Phasellus quis lectus luctus orci eget rhoncus. Amet donec vestibulum mattis commodo, nulla aliquet, nibh praesent, elementum nulla. Sit lacus pharetra tempus magna neque pellentesque, nulla vel erat.
+Justo ex quisque nulla accusamus venenatis, sed quis. Nibh phasellus gravida metus in, fusce aenean ut erat commodo eros. Ut turpis, dui integer, nonummy pede placeat nec in sit leo. Faucibus porttitor illo taciti odio, amet viverra scelerisque quis quis et tortor, curabitur morbi a. Enim tempor at, rutrum elit condimentum, amet rutrum vitae tempor torquent nunc. Praesent vestibulum integer maxime felis. Neque aenean quia vitae nostra, tempus elit enim id dui, at egestas pulvinar. Integer libero vestibulum, quis blandit scelerisque mattis fermentum nulla, tortor donec vestibulum dolor amet eget, elit nullam. Aliquam leo phasellus aliquam curabitur metus a, nulla justo mattis duis interdum vel, mollis vitae et id, vestibulum erat ridiculus sit pulvinar justo sed. Vehicula convallis, et nulla wisi, amet vestibulum risus, quam ac egestas.
+Et vitae, nulla gravida erat scelerisque nullam nunc pellentesque, a dictumst cras augue, purus imperdiet non. Varius montes cursus varius vel tortor, nec leo a qui, magni cras, velit vel consectetuer lobortis vel. Nibh erat et wisi felis leo porttitor, sapien nibh sapien pede mi, sed eget porttitor, repellendus arcu ac quis. Luctus vulputate aut est sem magna, placerat accumsan nunc vestibulum ipsum ac auctor, maecenas lorem in ut nec mauris tortor, doloribus varius sem tortor vestibulum mollis, eleifend tortor felis tempus lacus eu eu. Eleifend vel eu, nullam maecenas mauris nec nunc euismod, tortor porta ridiculus potenti, massa tristique nam magna, et wisi placerat et erat ante. Eget pede erat in facilisis, fermentum venenatis sodales. Ac tortor sociis et non animi tristique, rhoncus malesuada, ut arcu volutpat scelerisque sollicitudin, elit curabitur dui pede purus dolor, integer aenean risus taciti nulla eleifend accumsan. At pulvinar diam parturient, interdum mi velit aliquet et a. Arcu at ac placerat eget justo semper, purus sociis curabitur mi ipsum consequat ut, mollis vestibulum, est ante ornare lacus sem. Neque magna mauris, commodo quisque, praesent semper suscipit lobortis nam. Justo malesuada cursus ac nunc litora nunc. Tellus ac, in lobortis nunc, montes lectus purus fermentum.
+Ac sit wisi. Sodales aliquam, sed vestibulum nullam arcu sit risus arcu, id luctus vitae lorem nibh, integer nec nullam class cursus mi, purus arcu lectus. Vel ante suscipit volutpat potenti mattis sed, wisi eu placerat aliquam erat, lectus morbi lobortis at assumenda. Consequat neque purus ipsum voluptas odio, netus vestibulum ut nec, suspendisse pellentesque nec enim in. Wisi dictum sed semper a, ipsum erat tellus habitasse est, erat sem ornare, vitae quisque ultricies. Dui sed blandit. Tempor et faucibus justo sed luctus, nec vitae vitae. Nunc nibh pede, ipsum vestibulum aenean leo ante ultricies, nam cras quis sed penatibus amet. In mauris a. Integer metus mauris tortor, et rutrum vestibulum ultricies, ut phasellus in ullamcorper ut mollit, eu justo. Cursus pretium venenatis.
+Cras pellentesque vel sodales accumsan aenean. Feugiat metus sit nec in aliquet amet, porttitor pretium vulputate massa. Consequat ipsum luctus quisque adipiscing libero. Wisi sollicitudin. Eget vitae ac lobortis, lorem natoque vestibulum et, aliquet faucibus at morbi nibh, vel condimentum. Massa unde orci sed id sed, odio donec congue nec praesent amet. Hymenaeos velit lacus, quis vivamus libero tempus duis, eu nisi eu, ipsum at accumsan pede justo morbi donec, massa et libero sit risus neque tortor. Ut sed sed etiam hendrerit dapibus, quis metus suspendisse nibh.
+Fringilla tempor felis augue magna. Cum arcu a, id vitae. Pellentesque pharetra in cras sociis adipiscing est. Nibh nec mattis at maecenas, nisl orci aliquam nulla justo egestas venenatis, elementum duis vel porta eros, massa vitae, eligendi imperdiet amet. Nec neque luctus suscipit, justo sem praesent, ut nisl quisque, volutpat torquent wisi tellus aliquam reprehenderit, curabitur cras at quis massa porttitor mauris. Eros sed ultrices. Amet dignissim justo urna feugiat mauris litora, etiam accumsan, lobortis a orci suspendisse. Semper ac mauris, varius bibendum pretium, orci urna nunc ullamcorper auctor, saepe sem integer quam, at feugiat egestas duis. Urna ligula ante. Leo elementum nonummy. Sagittis mauris est in ipsum, nulla amet non justo, proin id potenti platea posuere sit ut, nunc sit erat bibendum. Nibh id auctor, ab nulla vivamus ultrices, posuere morbi nunc tellus gravida vivamus.
+Mauris nec, facilisi quam fermentum, ut mauris integer, orci tellus tempus diam ut in pellentesque. Wisi faucibus tempor et odio leo diam, eleifend quis integer curabitur sit scelerisque ac, mauris consequat luctus quam penatibus fringilla dis, vitae lacus in, est eu ac tempus. Consectetuer amet ipsum amet dui, sed blandit id sed. Tellus integer, dignissim id pede sodales quis, felis dolorem id mauris orci, orci tempus ut. Nullam hymenaeos. Curabitur in a, tortor ut praesent placerat tincidunt interdum, ac dignissim metus nonummy hendrerit wisi, etiam ut.
+Semper praesent integer fusce, tortor suspendisse, augue ligula orci ante asperiores ullamcorper. In sit per mi sed sed, mi vestibulum mus nam, morbi mauris neque vitae aliquam proin senectus. Ac amet arcu mollis ante congue elementum, inceptos eget optio quam pellentesque quis lobortis, sollicitudin sed vestibulum sollicitudin, lectus parturient nullam, leo orci ligula ultrices. At tincidunt enim, suspendisse est sit sem ac. Amet tellus molestie est purus magna augue, non etiam et in wisi id. Non commodo, metus lorem facilisi lobortis ac velit, montes neque sed risus consectetuer fringilla dolor. Quam justo et integer aliquam, cursus nulla enim orci, nam cursus adipiscing, integer torquent non, fringilla per maecenas. Libero ipsum sed tellus purus et. Duis molestie placerat erat donec ut. Dolor enim erat massa faucibus ultrices in, ante ultricies orci lacus, libero consectetuer mauris magna feugiat neque dapibus, donec pretium et. Aptent dui, aliquam et et amet nostra ligula.
+Augue curabitur duis dui volutpat, tempus sed ut pede donec. Interdum luctus, lectus nulla aenean elit, id sit magna, vulputate ultrices pellentesque vel id fermentum morbi. Tortor et. Adipiscing augue lorem cum non lacus, rutrum sodales laoreet duis tortor, modi placerat facilisis et malesuada eros ipsum, vehicula tempus. Ac vivamus amet non aliquam venenatis lectus, sociosqu adipiscing consequat nec arcu odio. Blandit orci nec nec, posuere in pretium, enim ut, consectetuer nullam urna, risus vel. Nullam odio vehicula massa sed, etiam sociis mauris, lacus ullamcorper, libero imperdiet non sodales placerat justo vehicula. Nec morbi imperdiet. Fermentum sem libero iaculis bibendum et eros, eget maecenas non nunc, ad pellentesque. Ut nec diam elementum interdum. Elementum vitae tellus lacus vitae, ipsum phasellus, corporis vehicula in ac sed massa vivamus, rutrum elit, ultricies metus volutpat.
+Semper wisi et, sollicitudin nunc vestibulum, cursus accumsan nunc pede tempus mi ipsum, ligula sed. Non condimentum ac dolor sit. Mollis eu aliquam, vel mattis mollis massa ut dolor ante, tempus lacinia arcu. Urna vestibulum lorem, nulla fermentum, iaculis ut congue ac vivamus. Nam libero orci, pulvinar nulla, enim pellentesque consectetuer leo, feugiat rhoncus rhoncus vel. Magna sociosqu donec, dictum cursus ullamcorper viverra. Ultricies quis orci lorem, suspendisse ut vestibulum integer, purus sed lorem pulvinar habitasse turpis.
++
+
+ Disagree
+ Agree
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/dialogs/7.vue b/releases/0.13/examples/dialogs/7.vue
new file mode 100644
index 00000000..784b7f99
--- /dev/null
+++ b/releases/0.13/examples/dialogs/7.vue
@@ -0,0 +1,27 @@
+
+
+ Open Dialog
+
+
+
+ Use Google's location service?
+ Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running.
+
+
+ Disagree
+ Agree
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/display/1.vue b/releases/0.13/examples/display/1.vue
new file mode 100644
index 00000000..61186964
--- /dev/null
+++ b/releases/0.13/examples/display/1.vue
@@ -0,0 +1,29 @@
+
+
+ Title
+
+
+ {{ item.text }}
+
+
+
+
+
diff --git a/releases/0.13/examples/dividers/1.vue b/releases/0.13/examples/dividers/1.vue
new file mode 100644
index 00000000..b8b3e6cb
--- /dev/null
+++ b/releases/0.13/examples/dividers/1.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+ Inbox
+
+
+ search
+
+
+ check_circle
+
+
+
+
+
+
+ {{ item.title }}
+ {{ item.headline }}
+ {{ item.subtitle }}
+
+
+ {{ item.action }}
+ star_border
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/dividers/2.vue b/releases/0.13/examples/dividers/2.vue
new file mode 100644
index 00000000..7374d00d
--- /dev/null
+++ b/releases/0.13/examples/dividers/2.vue
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+ Manage
+
+
+ more_vert
+
+
+
+
+
+
+ {{ item.action }}
+
+
+ {{ item.title }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/dividers/3.vue b/releases/0.13/examples/dividers/3.vue
new file mode 100644
index 00000000..ed6604d8
--- /dev/null
+++ b/releases/0.13/examples/dividers/3.vue
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+ Inbox
+
+
+ search
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/dividers/4.vue b/releases/0.13/examples/dividers/4.vue
new file mode 100644
index 00000000..c6c8f245
--- /dev/null
+++ b/releases/0.13/examples/dividers/4.vue
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+ My files
+
+
+ search
+
+
+ view_module
+
+
+
+ Folders
+
+
+ {{ item.icon }}
+
+
+ {{ item.title }}
+ {{ item.subtitle }}
+
+
+
+ info
+
+
+
+
+ Files
+
+
+ {{ item.icon }}
+
+
+ {{ item.title }}
+ {{ item.subtitle }}
+
+
+
+ info
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/elevation/1.html b/releases/0.13/examples/elevation/1.html
new file mode 100644
index 00000000..7aa9148c
--- /dev/null
+++ b/releases/0.13/examples/elevation/1.html
@@ -0,0 +1,5 @@
+
+
+ {{ elevation }}
+
+
diff --git a/releases/0.13/examples/expansion-panel/1.vue b/releases/0.13/examples/expansion-panel/1.vue
new file mode 100644
index 00000000..aaa23694
--- /dev/null
+++ b/releases/0.13/examples/expansion-panel/1.vue
@@ -0,0 +1,10 @@
+
+
+
+ Item
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/expansion-panel/2.vue b/releases/0.13/examples/expansion-panel/2.vue
new file mode 100644
index 00000000..cdf2375d
--- /dev/null
+++ b/releases/0.13/examples/expansion-panel/2.vue
@@ -0,0 +1,10 @@
+
+
+
+ Item
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/fabs/1.vue b/releases/0.13/examples/fabs/1.vue
new file mode 100644
index 00000000..56cc14c0
--- /dev/null
+++ b/releases/0.13/examples/fabs/1.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
+
+
+ add
+
+
+
+
+
+
+
+
+
+ add
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/fabs/2.vue b/releases/0.13/examples/fabs/2.vue
new file mode 100644
index 00000000..099025ce
--- /dev/null
+++ b/releases/0.13/examples/fabs/2.vue
@@ -0,0 +1,94 @@
+
+
+
+
+
+
+
+ add
+
+ My files
+
+
+ search
+
+
+ view_module
+
+
+
+ Folders
+
+
+ {{ item.icon }}
+
+
+ {{ item.title }}
+ {{ item.subtitle }}
+
+
+
+ info
+
+
+
+
+ Files
+
+
+ {{ item.icon }}
+
+
+ {{ item.title }}
+ {{ item.subtitle }}
+
+
+
+ info
+
+
+
+
+
+
+
+
+ * This doesn't actually save.
+
+
+
+ Submit
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/fabs/3.vue b/releases/0.13/examples/fabs/3.vue
new file mode 100644
index 00000000..533ae28f
--- /dev/null
+++ b/releases/0.13/examples/fabs/3.vue
@@ -0,0 +1,55 @@
+
+
+
+
+
+
+
+
+
+ add
+
+
+
+
+
+ {{ hidden ? 'Show' : 'Hide' }}
+
+
+
+
+
+ add
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/fabs/4.vue b/releases/0.13/examples/fabs/4.vue
new file mode 100644
index 00000000..5c26ec4c
--- /dev/null
+++ b/releases/0.13/examples/fabs/4.vue
@@ -0,0 +1,70 @@
+
+
+
+
+
+ Page title
+
+
+ search
+
+
+ more_vert
+
+
+
+ Item One
+ Item Two
+ Item Three
+
+
+
+
+
+
+
+
+
+ {{ activeFab.icon }}
+ close
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/fabs/5.vue b/releases/0.13/examples/fabs/5.vue
new file mode 100644
index 00000000..be2ecb97
--- /dev/null
+++ b/releases/0.13/examples/fabs/5.vue
@@ -0,0 +1,134 @@
+
+
+
+
+
+ Options
+
+
+
+ FAB location
+
+
+
+
+
+
+ Speed dial direction
+
+
+
+
+
+
+ Transition
+
+
+
+
+
+
+
+
+
+
+ account_circle
+ close
+
+
+ edit
+
+
+ add
+
+
+ delete
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/footer/1.vue b/releases/0.13/examples/footer/1.vue
new file mode 100644
index 00000000..b703bd3e
--- /dev/null
+++ b/releases/0.13/examples/footer/1.vue
@@ -0,0 +1,6 @@
+
+
+
+ © {{ new Date().getFullYear() }}
+
+
diff --git a/releases/0.13/examples/grid-lists/1.vue b/releases/0.13/examples/grid-lists/1.vue
new file mode 100644
index 00000000..a79c9a8f
--- /dev/null
+++ b/releases/0.13/examples/grid-lists/1.vue
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/grid-lists/2.vue b/releases/0.13/examples/grid-lists/2.vue
new file mode 100644
index 00000000..f8a054c4
--- /dev/null
+++ b/releases/0.13/examples/grid-lists/2.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+ arrow_back
+
+ Albums
+
+
+ search
+
+
+ May
+
+
+
+
+
+
+
+ June
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/grid/1.vue b/releases/0.13/examples/grid/1.vue
new file mode 100644
index 00000000..e38f4331
--- /dev/null
+++ b/releases/0.13/examples/grid/1.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+ 12
+
+
+
+
+ 6
+
+
+
+
+ 4
+
+
+
+
+ 3
+
+
+
+
+ 2
+
+
+
+
+ 1
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/grid/2.vue b/releases/0.13/examples/grid/2.vue
new file mode 100644
index 00000000..93aa9a2f
--- /dev/null
+++ b/releases/0.13/examples/grid/2.vue
@@ -0,0 +1,37 @@
+
+
+
+
+
+ xs10 offset-xs1
+
+
+
+
+ xs7 offset-xs5
+
+
+
+
+ xs5
+
+
+
+
+ xs5 offset-xs2
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/grid/3.vue b/releases/0.13/examples/grid/3.vue
new file mode 100644
index 00000000..64728ae2
--- /dev/null
+++ b/releases/0.13/examples/grid/3.vue
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+ #1
+
+
+
+
+ #2
+
+
+
+
+
+
+ #1
+
+
+
+
+ #2
+
+
+
+
+ #3
+
+
+
+
+
+
+ #1
+
+
+
+
+ #2
+
+
+
+
+ #3
+
+
+
+
+ #4
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/grid/4.vue b/releases/0.13/examples/grid/4.vue
new file mode 100644
index 00000000..0ac64c55
--- /dev/null
+++ b/releases/0.13/examples/grid/4.vue
@@ -0,0 +1,39 @@
+
+
+
+
+
+ one
+
+
+ two
+
+
+ three
+
+
+
+
+ one
+
+
+ two
+
+
+ three
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/grid/5.vue b/releases/0.13/examples/grid/5.vue
new file mode 100644
index 00000000..71cb229e
--- /dev/null
+++ b/releases/0.13/examples/grid/5.vue
@@ -0,0 +1,26 @@
+
+
+
+
+ one
+
+
+ two
+
+
+ three
+
+
+
+
+
+
diff --git a/releases/0.13/examples/icons/1.vue b/releases/0.13/examples/icons/1.vue
new file mode 100644
index 00000000..793201f7
--- /dev/null
+++ b/releases/0.13/examples/icons/1.vue
@@ -0,0 +1,66 @@
+
+
+
+
+ home
+ event
+ info
+
+
+
+ folder_open
+ widgets
+ gavel
+
+
+
+
+
+ home
+ event
+ info
+
+
+
+ folder_open
+ widgets
+ gavel
+
+
+
+
+
+ home
+ event
+ info
+
+
+
+ folder_open
+ widgets
+ gavel
+
+
+
+
+
+ home
+ event
+ info
+
+
+
+ folder_open
+ widgets
+ gavel
+
+
+
+
+
+
diff --git a/releases/0.13/examples/icons/2.vue b/releases/0.13/examples/icons/2.vue
new file mode 100644
index 00000000..b6a85fb3
--- /dev/null
+++ b/releases/0.13/examples/icons/2.vue
@@ -0,0 +1,15 @@
+
+
+ lock
+
+ search
+
+ list
+
+ edit
+
+ dashboard
+
+ thermometer-empty
+
+
diff --git a/releases/0.13/examples/icons/3.vue b/releases/0.13/examples/icons/3.vue
new file mode 100644
index 00000000..71e342e5
--- /dev/null
+++ b/releases/0.13/examples/icons/3.vue
@@ -0,0 +1,15 @@
+
+
+ anchor
+
+ xbox-controller
+
+ watch
+
+ tilde
+
+ tennis
+
+ mouse
+
+
diff --git a/releases/0.13/examples/icons/4.vue b/releases/0.13/examples/icons/4.vue
new file mode 100644
index 00000000..46541af7
--- /dev/null
+++ b/releases/0.13/examples/icons/4.vue
@@ -0,0 +1,15 @@
+
+
+ business
+
+ chat
+
+ dialpad
+
+ email
+
+ call_split
+
+ present_to_all
+
+
diff --git a/releases/0.13/examples/icons/5.vue b/releases/0.13/examples/icons/5.vue
new file mode 100644
index 00000000..b5f4210f
--- /dev/null
+++ b/releases/0.13/examples/icons/5.vue
@@ -0,0 +1,35 @@
+
+
+ Accept
+ check_circle
+
+
+ Decline
+ block
+
+
+
+ remove_circle Cancel
+
+
+
+ arrow_back Back
+
+
+
+ build
+
+
+
+ backup
+
+
+
+ thumb_up
+
+
+
+ thumb_down
+
+
+
diff --git a/releases/0.13/examples/layouts/1.vue b/releases/0.13/examples/layouts/1.vue
new file mode 100644
index 00000000..51c10da6
--- /dev/null
+++ b/releases/0.13/examples/layouts/1.vue
@@ -0,0 +1,83 @@
+
+
+
+
+
+
+ exit_to_app
+
+
+ Open Temporary Drawer
+
+
+
+
+
+
+
+
+ exit_to_app
+
+
+ Open Temporary Drawer
+
+
+
+
+
+
+ Toolbar
+
+
+
+
+
+
+
+
+
+
+
+ © 2017
+
+
+
+
+
diff --git a/releases/0.13/examples/layouts/2.vue b/releases/0.13/examples/layouts/2.vue
new file mode 100644
index 00000000..409aa34f
--- /dev/null
+++ b/releases/0.13/examples/layouts/2.vue
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+
+
+
+ {{ item.icon }}
+
+
+ {{ item.title }}
+
+
+
+
+
+ Toolbar
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/layouts/3.vue b/releases/0.13/examples/layouts/3.vue
new file mode 100644
index 00000000..9c6af18d
--- /dev/null
+++ b/releases/0.13/examples/layouts/3.vue
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+ {{ item.icon }}
+
+
+ {{ item.title }}
+
+
+
+
+
+ Toolbar
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/layouts/4.vue b/releases/0.13/examples/layouts/4.vue
new file mode 100644
index 00000000..86fe6b90
--- /dev/null
+++ b/releases/0.13/examples/layouts/4.vue
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+ {{ item.icon }}
+
+
+ {{ item.title }}
+
+
+
+
+
+ Toolbar
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/layouts/5.vue b/releases/0.13/examples/layouts/5.vue
new file mode 100644
index 00000000..ee5a62f8
--- /dev/null
+++ b/releases/0.13/examples/layouts/5.vue
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+ {{ item.icon }}
+
+
+ {{ item.title }}
+
+
+
+
+
+
+ Toolbar
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/layouts/6.vue b/releases/0.13/examples/layouts/6.vue
new file mode 100644
index 00000000..5aa0db83
--- /dev/null
+++ b/releases/0.13/examples/layouts/6.vue
@@ -0,0 +1,58 @@
+
+
+
+
+
+
+
+
+
+ John Leider
+
+
+
+ chevron_left
+
+
+
+
+
+
+
+
+ {{ item.icon }}
+
+
+ {{ item.title }}
+
+
+
+
+
+
+ Toolbar
+
+
+
+ Click on sidebar to re-open.
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/layouts/7.vue b/releases/0.13/examples/layouts/7.vue
new file mode 100644
index 00000000..1e0f5b1b
--- /dev/null
+++ b/releases/0.13/examples/layouts/7.vue
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+ John Leider
+
+
+
+ chevron_left
+
+
+
+
+
+
+
+
+ {{ item.icon }}
+
+
+ {{ item.title }}
+
+
+
+
+
+
+ Toolbar
+
+
+
+ Click on sidebar to re-open.
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/layouts/8.vue b/releases/0.13/examples/layouts/8.vue
new file mode 100644
index 00000000..d4b0ce94
--- /dev/null
+++ b/releases/0.13/examples/layouts/8.vue
@@ -0,0 +1,76 @@
+
+
+
+
+
+
+ chevron_right
+
+
+
+
+
+
+
+ John Leider
+
+
+
+ chevron_left
+
+
+
+
+
+
+
+
+ {{ item.icon }}
+
+
+ {{ item.title }}
+
+
+
+
+
+
+ Toolbar
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/layouts/9.html b/releases/0.13/examples/layouts/9.html
new file mode 100644
index 00000000..d7657f79
--- /dev/null
+++ b/releases/0.13/examples/layouts/9.html
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+ Main Content
+
+
+
+
+
+ Footer
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/lists/1.vue b/releases/0.13/examples/lists/1.vue
new file mode 100644
index 00000000..ce752b34
--- /dev/null
+++ b/releases/0.13/examples/lists/1.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+ Inbox
+
+ search
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/lists/10.vue b/releases/0.13/examples/lists/10.vue
new file mode 100644
index 00000000..ced8c632
--- /dev/null
+++ b/releases/0.13/examples/lists/10.vue
@@ -0,0 +1,102 @@
+
+
+
+
+
+
+ Topics
+
+
+ more_vert
+
+
+
+
+
+
+ {{ item.action }}
+
+
+ {{ item.title }}
+
+
+ keyboard_arrow_down
+
+
+
+
+ {{ subItem.title }}
+
+
+ {{ subItem.action }}
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/lists/11.vue b/releases/0.13/examples/lists/11.vue
new file mode 100644
index 00000000..8085688f
--- /dev/null
+++ b/releases/0.13/examples/lists/11.vue
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+ Inbox
+
+
+ search
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/lists/2.vue b/releases/0.13/examples/lists/2.vue
new file mode 100644
index 00000000..176050d4
--- /dev/null
+++ b/releases/0.13/examples/lists/2.vue
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+ Inbox
+
+ search
+
+
+ more_vert
+
+
+
+
+
+ star
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/lists/3.vue b/releases/0.13/examples/lists/3.vue
new file mode 100644
index 00000000..62becc5d
--- /dev/null
+++ b/releases/0.13/examples/lists/3.vue
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+ My files
+
+
+ search
+
+
+ view_module
+
+
+
+ Folders
+
+
+ {{ item.icon }}
+
+
+ {{ item.title }}
+ {{ item.subtitle }}
+
+
+
+ info
+
+
+
+
+ Files
+
+
+ {{ item.icon }}
+
+
+ {{ item.title }}
+ {{ item.subtitle }}
+
+
+
+ info
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/lists/4.vue b/releases/0.13/examples/lists/4.vue
new file mode 100644
index 00000000..58698394
--- /dev/null
+++ b/releases/0.13/examples/lists/4.vue
@@ -0,0 +1,52 @@
+
+
+
+
+
+
+ Inbox
+
+
+ search
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/lists/5.vue b/releases/0.13/examples/lists/5.vue
new file mode 100644
index 00000000..664b232e
--- /dev/null
+++ b/releases/0.13/examples/lists/5.vue
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+ New Chat
+
+
+ search
+
+
+
+ Recent chat
+
+
+
+
+
+
+
+
+ chat_bubble
+
+
+
+
+
+ Previous chats
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/lists/6.vue b/releases/0.13/examples/lists/6.vue
new file mode 100644
index 00000000..710f3c9f
--- /dev/null
+++ b/releases/0.13/examples/lists/6.vue
@@ -0,0 +1,80 @@
+
+
+
+
+
+
+ Settings
+
+
+ General
+
+
+ Profile photo
+ Change your Google+ profile photo
+
+
+
+
+ Show your status
+ Your status is visible to everyone
+
+
+
+
+
+ Hangout notifications
+
+
+
+
+
+ Notifications
+ Allow notifications
+
+
+
+
+
+
+
+ Sound
+ Hangouts message
+
+
+
+
+
+
+
+ Video sounds
+ Hangouts vidoe call
+
+
+
+
+
+
+
+ Invites
+ Notify when receiving invites
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/lists/7.vue b/releases/0.13/examples/lists/7.vue
new file mode 100644
index 00000000..aa6e3ec8
--- /dev/null
+++ b/releases/0.13/examples/lists/7.vue
@@ -0,0 +1,85 @@
+
+
+
+
+
+
+
+
+ chevron_left
+
+
+
+ edit
+
+
+ more_vert
+
+
+
+
+ Ali Conners
+
+
+
+
+
+
+ phone
+
+
+ (650) 555-1234
+ Mobile
+
+
+ chat
+
+
+
+
+
+ (323) 555-6789
+ Work
+
+
+ chat
+
+
+
+
+
+ mail
+
+
+ aliconnors@example.com
+ Personal
+
+
+
+
+
+ ali_connors@example.com
+ Work
+
+
+
+
+
+ location_on
+
+
+ 1400 Main Street
+ Orlando, FL 79938
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/lists/8.vue b/releases/0.13/examples/lists/8.vue
new file mode 100644
index 00000000..afbb02ee
--- /dev/null
+++ b/releases/0.13/examples/lists/8.vue
@@ -0,0 +1,49 @@
+
+
+
+
+
+
+ Inbox
+
+
+ search
+
+
+ check_circle
+
+
+
+
+
+ {{ item.title }}
+ {{ item.headline }}
+ {{ item.subtitle }}
+
+
+ {{ item.action }}
+ star_border
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/lists/9.vue b/releases/0.13/examples/lists/9.vue
new file mode 100644
index 00000000..5f3a5625
--- /dev/null
+++ b/releases/0.13/examples/lists/9.vue
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+ Settings
+
+
+ search
+
+
+
+ User Controls
+
+
+ Content filtering
+ Set the content filtering level to restrict appts that can be downloaded
+
+
+
+
+ Password
+ Require password for purchase or use password to restrict purchase
+
+
+
+
+
+ General
+
+
+
+
+
+ Notifications
+ Notify me about updates to apps or games that I downloaded
+
+
+
+
+
+
+
+ Sound
+ Auto-update apps at any time. Data charges may apply
+
+
+
+
+
+
+
+ Auto-add widgets
+ Automatically add home screen widgets
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/menus/1.vue b/releases/0.13/examples/menus/1.vue
new file mode 100644
index 00000000..a047398a
--- /dev/null
+++ b/releases/0.13/examples/menus/1.vue
@@ -0,0 +1,35 @@
+
+
+
+ Dropdown
+
+
+ {{ item.title }}
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/menus/2.vue b/releases/0.13/examples/menus/2.vue
new file mode 100644
index 00000000..25be8351
--- /dev/null
+++ b/releases/0.13/examples/menus/2.vue
@@ -0,0 +1,46 @@
+
+
+
+
+
+ Menu
+
+
+
+ more_vert
+
+
+
+ {{ item.title }}
+
+
+
+
+ Lorem Ipsum
+
+
+
+
+
+
diff --git a/releases/0.13/examples/menus/3.vue b/releases/0.13/examples/menus/3.vue
new file mode 100644
index 00000000..739a9503
--- /dev/null
+++ b/releases/0.13/examples/menus/3.vue
@@ -0,0 +1,70 @@
+
+
+
+
+ Scale Transition
+
+
+
+ {{ item.title }}
+
+
+
+
+
+
+ Slide X Transition
+
+
+
+ {{ item.title }}
+
+
+
+
+
+
+ Slide Y Transition
+
+
+
+ {{ item.title }}
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/menus/4.vue b/releases/0.13/examples/menus/4.vue
new file mode 100644
index 00000000..cc820abb
--- /dev/null
+++ b/releases/0.13/examples/menus/4.vue
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+ {{ item.title }}
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/menus/5.vue b/releases/0.13/examples/menus/5.vue
new file mode 100644
index 00000000..fb0695fc
--- /dev/null
+++ b/releases/0.13/examples/menus/5.vue
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
+
+ {{ item.title }}
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/menus/6.vue b/releases/0.13/examples/menus/6.vue
new file mode 100644
index 00000000..deaa8e39
--- /dev/null
+++ b/releases/0.13/examples/menus/6.vue
@@ -0,0 +1,35 @@
+
+
+
+ Dropdown
+
+
+ {{ item.title }}
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/navigation-drawers/1.vue b/releases/0.13/examples/navigation-drawers/1.vue
new file mode 100644
index 00000000..5a4c903d
--- /dev/null
+++ b/releases/0.13/examples/navigation-drawers/1.vue
@@ -0,0 +1,83 @@
+
+
+
+
+
+
+
+
+ {{ item.heading }}
+
+
+
+ EDIT
+
+
+
+
+
+ {{ item.icon }}
+
+
+
+ {{ item.text }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/navigation-drawers/2.vue b/releases/0.13/examples/navigation-drawers/2.vue
new file mode 100644
index 00000000..327e317c
--- /dev/null
+++ b/releases/0.13/examples/navigation-drawers/2.vue
@@ -0,0 +1,113 @@
+
+
+
+
+
+
+
+
+ {{ item.heading }}
+
+
+
+ EDIT
+
+
+
+
+
+ {{ item.model ? item.icon : item['icon-alt'] }}
+
+
+
+ {{ item.text }}
+
+
+
+
+
+ {{ child.icon }}
+
+
+
+ {{ child.text }}
+
+
+
+
+
+
+ {{ item.icon }}
+
+
+
+ {{ item.text }}
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/navigation-drawers/3.vue b/releases/0.13/examples/navigation-drawers/3.vue
new file mode 100644
index 00000000..3529ffb0
--- /dev/null
+++ b/releases/0.13/examples/navigation-drawers/3.vue
@@ -0,0 +1,113 @@
+
+
+
+
+
+
+ {{ item.icon }}
+
+
+
+ {{ item.text }}
+
+
+
+ SUBSCRIPTIONS
+
+
+
+
+
+
+
+
+
+
+ add_circle_outline
+
+ Browse Channels
+
+
+
+ settings
+
+ Manage Subscriptions
+
+
+
+
+
+
+ youtube
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/navigation-drawers/4.html b/releases/0.13/examples/navigation-drawers/4.html
new file mode 100644
index 00000000..1cffc451
--- /dev/null
+++ b/releases/0.13/examples/navigation-drawers/4.html
@@ -0,0 +1,28 @@
+
+
+
+ Logo
+
+
+
+
+
+
+
+
+ keyboard_arrow_down
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/pagination/1.vue b/releases/0.13/examples/pagination/1.vue
new file mode 100644
index 00000000..b5446eeb
--- /dev/null
+++ b/releases/0.13/examples/pagination/1.vue
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/pagination/2.vue b/releases/0.13/examples/pagination/2.vue
new file mode 100644
index 00000000..d031c8b3
--- /dev/null
+++ b/releases/0.13/examples/pagination/2.vue
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/pagination/3.vue b/releases/0.13/examples/pagination/3.vue
new file mode 100644
index 00000000..1bfa7358
--- /dev/null
+++ b/releases/0.13/examples/pagination/3.vue
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/pagination/4.vue b/releases/0.13/examples/pagination/4.vue
new file mode 100644
index 00000000..45021420
--- /dev/null
+++ b/releases/0.13/examples/pagination/4.vue
@@ -0,0 +1,5 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/parallax/1.vue b/releases/0.13/examples/parallax/1.vue
new file mode 100644
index 00000000..558c05cb
--- /dev/null
+++ b/releases/0.13/examples/parallax/1.vue
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/parallax/2.vue b/releases/0.13/examples/parallax/2.vue
new file mode 100644
index 00000000..644ff0a4
--- /dev/null
+++ b/releases/0.13/examples/parallax/2.vue
@@ -0,0 +1,8 @@
+
+
+
+ Vuetify.js
+ Build your application today!
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/parallax/3.vue b/releases/0.13/examples/parallax/3.vue
new file mode 100644
index 00000000..32d58e9d
--- /dev/null
+++ b/releases/0.13/examples/parallax/3.vue
@@ -0,0 +1,3 @@
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/pickers/1.vue b/releases/0.13/examples/pickers/1.vue
new file mode 100644
index 00000000..8f14f72e
--- /dev/null
+++ b/releases/0.13/examples/pickers/1.vue
@@ -0,0 +1,23 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/pickers/10.vue b/releases/0.13/examples/pickers/10.vue
new file mode 100644
index 00000000..2d34ac1b
--- /dev/null
+++ b/releases/0.13/examples/pickers/10.vue
@@ -0,0 +1,77 @@
+
+
+
+
+ Function
+ Array
+ Object
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/pickers/11.vue b/releases/0.13/examples/pickers/11.vue
new file mode 100644
index 00000000..c20e8162
--- /dev/null
+++ b/releases/0.13/examples/pickers/11.vue
@@ -0,0 +1,64 @@
+
+
+
+
+ Function
+ Array
+ Object
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/pickers/12.vue b/releases/0.13/examples/pickers/12.vue
new file mode 100644
index 00000000..fd96fee9
--- /dev/null
+++ b/releases/0.13/examples/pickers/12.vue
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+ Original
+
+ {{ picker || "No date" }}
+
+
+
+ Formatted
+
+ {{ formatted || "No date" }}
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/pickers/13.vue b/releases/0.13/examples/pickers/13.vue
new file mode 100644
index 00000000..5b92721c
--- /dev/null
+++ b/releases/0.13/examples/pickers/13.vue
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/pickers/2.vue b/releases/0.13/examples/pickers/2.vue
new file mode 100644
index 00000000..efa37f9e
--- /dev/null
+++ b/releases/0.13/examples/pickers/2.vue
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/pickers/3.vue b/releases/0.13/examples/pickers/3.vue
new file mode 100644
index 00000000..6bc09a96
--- /dev/null
+++ b/releases/0.13/examples/pickers/3.vue
@@ -0,0 +1,70 @@
+
+
+
+
+
+
+
+
+
+ Cancel
+ Save
+
+
+
+
+
+
+
+
+
+
+
+ Cancel
+ Save
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/pickers/4.vue b/releases/0.13/examples/pickers/4.vue
new file mode 100644
index 00000000..4459146e
--- /dev/null
+++ b/releases/0.13/examples/pickers/4.vue
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/pickers/5.vue b/releases/0.13/examples/pickers/5.vue
new file mode 100644
index 00000000..7ef01f35
--- /dev/null
+++ b/releases/0.13/examples/pickers/5.vue
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/pickers/6.vue b/releases/0.13/examples/pickers/6.vue
new file mode 100644
index 00000000..f406523e
--- /dev/null
+++ b/releases/0.13/examples/pickers/6.vue
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Cancel
+ Save
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/pickers/7.vue b/releases/0.13/examples/pickers/7.vue
new file mode 100644
index 00000000..8535c9f0
--- /dev/null
+++ b/releases/0.13/examples/pickers/7.vue
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/progress-circular/1.vue b/releases/0.13/examples/progress-circular/1.vue
new file mode 100644
index 00000000..ffe117ea
--- /dev/null
+++ b/releases/0.13/examples/progress-circular/1.vue
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/progress-circular/2.vue b/releases/0.13/examples/progress-circular/2.vue
new file mode 100644
index 00000000..0cd66477
--- /dev/null
+++ b/releases/0.13/examples/progress-circular/2.vue
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/progress-circular/3.vue b/releases/0.13/examples/progress-circular/3.vue
new file mode 100644
index 00000000..cf6745bd
--- /dev/null
+++ b/releases/0.13/examples/progress-circular/3.vue
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/progress-circular/4.vue b/releases/0.13/examples/progress-circular/4.vue
new file mode 100644
index 00000000..9ffe9e8a
--- /dev/null
+++ b/releases/0.13/examples/progress-circular/4.vue
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/progress-circular/5.vue b/releases/0.13/examples/progress-circular/5.vue
new file mode 100644
index 00000000..cc8aba67
--- /dev/null
+++ b/releases/0.13/examples/progress-circular/5.vue
@@ -0,0 +1,73 @@
+
+
+
+ {{ value }}
+
+
+
+ {{ value }}
+
+
+
+ {{ value }}
+
+
+
+ {{ value }}
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/progress-linear/1.vue b/releases/0.13/examples/progress-linear/1.vue
new file mode 100644
index 00000000..da9ea6b2
--- /dev/null
+++ b/releases/0.13/examples/progress-linear/1.vue
@@ -0,0 +1,13 @@
+
+
+
+
+
diff --git a/releases/0.13/examples/progress-linear/2.vue b/releases/0.13/examples/progress-linear/2.vue
new file mode 100644
index 00000000..0d300114
--- /dev/null
+++ b/releases/0.13/examples/progress-linear/2.vue
@@ -0,0 +1,3 @@
+
+
+
diff --git a/releases/0.13/examples/progress-linear/3.vue b/releases/0.13/examples/progress-linear/3.vue
new file mode 100644
index 00000000..24e8f801
--- /dev/null
+++ b/releases/0.13/examples/progress-linear/3.vue
@@ -0,0 +1,34 @@
+
+
+
+
+
diff --git a/releases/0.13/examples/progress-linear/4.vue b/releases/0.13/examples/progress-linear/4.vue
new file mode 100644
index 00000000..226a6a81
--- /dev/null
+++ b/releases/0.13/examples/progress-linear/4.vue
@@ -0,0 +1,46 @@
+
+
+
+
+
diff --git a/releases/0.13/examples/progress-linear/5.vue b/releases/0.13/examples/progress-linear/5.vue
new file mode 100644
index 00000000..fc131979
--- /dev/null
+++ b/releases/0.13/examples/progress-linear/5.vue
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/progress-linear/6.vue b/releases/0.13/examples/progress-linear/6.vue
new file mode 100644
index 00000000..0d1c33b9
--- /dev/null
+++ b/releases/0.13/examples/progress-linear/6.vue
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/ripples/1.vue b/releases/0.13/examples/ripples/1.vue
new file mode 100644
index 00000000..ffdaca3f
--- /dev/null
+++ b/releases/0.13/examples/ripples/1.vue
@@ -0,0 +1,6 @@
+
+
+ Default Ripple
+ Ripple Disabled
+
+
diff --git a/releases/0.13/examples/ripples/2.vue b/releases/0.13/examples/ripples/2.vue
new file mode 100644
index 00000000..fba7a53a
--- /dev/null
+++ b/releases/0.13/examples/ripples/2.vue
@@ -0,0 +1,5 @@
+
+
+ Colored Ripple
+
+
diff --git a/releases/0.13/examples/ripples/3.vue b/releases/0.13/examples/ripples/3.vue
new file mode 100644
index 00000000..66b1e09c
--- /dev/null
+++ b/releases/0.13/examples/ripples/3.vue
@@ -0,0 +1,14 @@
+
+
+
+
+
+ Item {{ i }}
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/ripples/4.vue b/releases/0.13/examples/ripples/4.vue
new file mode 100644
index 00000000..b7e02e1f
--- /dev/null
+++ b/releases/0.13/examples/ripples/4.vue
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+ Link {{ i }}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/ripples/5.vue b/releases/0.13/examples/ripples/5.vue
new file mode 100644
index 00000000..d78bc2ba
--- /dev/null
+++ b/releases/0.13/examples/ripples/5.vue
@@ -0,0 +1,7 @@
+
+
+
+ Link {{ i }}
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/ripples/6.vue b/releases/0.13/examples/ripples/6.vue
new file mode 100644
index 00000000..34594334
--- /dev/null
+++ b/releases/0.13/examples/ripples/6.vue
@@ -0,0 +1,12 @@
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/sandbox/1.vue b/releases/0.13/examples/sandbox/1.vue
new file mode 100644
index 00000000..60ac2141
--- /dev/null
+++ b/releases/0.13/examples/sandbox/1.vue
@@ -0,0 +1,98 @@
+
+
+
+
+
+ Vuetify
+
+
+
+
+
+
+
+
+
+ Scheme
+
+
+
+ Drawer
+
+
+
+
+
+
+ Footer
+
+
+
+
+
+
+ Cancel
+ Submit
+
+
+
+
+
+
+
+ © {{ new Date().getFullYear() }}
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/selection-controls/1.vue b/releases/0.13/examples/selection-controls/1.vue
new file mode 100644
index 00000000..12d91a6d
--- /dev/null
+++ b/releases/0.13/examples/selection-controls/1.vue
@@ -0,0 +1,37 @@
+
+
+
+
+ Light
+
+
+
+
+
+
+
+
+ Dark
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/selection-controls/10.vue b/releases/0.13/examples/selection-controls/10.vue
new file mode 100644
index 00000000..dd686202
--- /dev/null
+++ b/releases/0.13/examples/selection-controls/10.vue
@@ -0,0 +1,72 @@
+
+
+
+
+ Light
+
+
+
+
+ on
+ off
+
+
+
+
+
+
+
+
+
+
+ on disabled
+ off disabled
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Dark
+
+
+
+
+ on
+ off
+
+
+
+
+
+
+
+
+
+
+ on disabled
+ off disabled
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/selection-controls/11.vue b/releases/0.13/examples/selection-controls/11.vue
new file mode 100644
index 00000000..f50407b5
--- /dev/null
+++ b/releases/0.13/examples/selection-controls/11.vue
@@ -0,0 +1,96 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/selection-controls/2.vue b/releases/0.13/examples/selection-controls/2.vue
new file mode 100644
index 00000000..9e4f9a4a
--- /dev/null
+++ b/releases/0.13/examples/selection-controls/2.vue
@@ -0,0 +1,37 @@
+
+
+
+
+ Light
+
+
+ {{ ex5 }}
+
+
+
+
+
+
+ Dark
+
+
+ {{ ex6 }}
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/selection-controls/3.vue b/releases/0.13/examples/selection-controls/3.vue
new file mode 100644
index 00000000..9ce2dbf7
--- /dev/null
+++ b/releases/0.13/examples/selection-controls/3.vue
@@ -0,0 +1,80 @@
+
+
+
+
+ Light
+
+
+
+
+ on
+ off
+ indeterminate
+
+
+
+
+
+
+
+
+
+
+
+
+
+ on disabled
+ off disabled
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Dark
+
+
+
+
+ on
+ off
+ indeterminate
+
+
+
+
+
+
+
+
+
+
+
+
+
+ on disabled
+ off disabled
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/selection-controls/4.vue b/releases/0.13/examples/selection-controls/4.vue
new file mode 100644
index 00000000..9f1d19f6
--- /dev/null
+++ b/releases/0.13/examples/selection-controls/4.vue
@@ -0,0 +1,96 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/selection-controls/5.vue b/releases/0.13/examples/selection-controls/5.vue
new file mode 100644
index 00000000..0e6a3d5d
--- /dev/null
+++ b/releases/0.13/examples/selection-controls/5.vue
@@ -0,0 +1,37 @@
+
+
+
+
+ Light
+
+
+ {{ ex8 || 'null' }}
+
+
+
+
+
+
+ Dark
+
+
+ {{ ex9 || 'null' }}
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/selection-controls/6.vue b/releases/0.13/examples/selection-controls/6.vue
new file mode 100644
index 00000000..ea7efe53
--- /dev/null
+++ b/releases/0.13/examples/selection-controls/6.vue
@@ -0,0 +1,72 @@
+
+
+
+
+ Light
+
+
+
+
+ on
+ off
+
+
+
+
+
+
+
+
+
+
+ on disabled
+ off disabled
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Dark
+
+
+
+
+ on
+ off
+
+
+
+
+
+
+
+
+
+
+ on disabled
+ off disabled
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/selection-controls/7.vue b/releases/0.13/examples/selection-controls/7.vue
new file mode 100644
index 00000000..bb866305
--- /dev/null
+++ b/releases/0.13/examples/selection-controls/7.vue
@@ -0,0 +1,95 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/selection-controls/8.vue b/releases/0.13/examples/selection-controls/8.vue
new file mode 100644
index 00000000..1fb92e88
--- /dev/null
+++ b/releases/0.13/examples/selection-controls/8.vue
@@ -0,0 +1,37 @@
+
+
+
+
+ Light
+
+
+
+
+
+
+
+
+ Dark
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/selection-controls/9.vue b/releases/0.13/examples/selection-controls/9.vue
new file mode 100644
index 00000000..8b9f4623
--- /dev/null
+++ b/releases/0.13/examples/selection-controls/9.vue
@@ -0,0 +1,37 @@
+
+
+
+
+ Light
+
+
+ {{ ex15 }}
+
+
+
+
+
+
+ Dark
+
+
+ {{ ex16 }}
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/selects/1.vue b/releases/0.13/examples/selects/1.vue
new file mode 100644
index 00000000..03f2fcb3
--- /dev/null
+++ b/releases/0.13/examples/selects/1.vue
@@ -0,0 +1,95 @@
+
+
+
+
+
+
+ Standard
+
+
+
+
+
+ Standard with focus
+
+
+
+
+
+ Error
+
+
+
+
+
+ Disabled
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/selects/2.vue b/releases/0.13/examples/selects/2.vue
new file mode 100644
index 00000000..68b7b561
--- /dev/null
+++ b/releases/0.13/examples/selects/2.vue
@@ -0,0 +1,82 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/selects/3.vue b/releases/0.13/examples/selects/3.vue
new file mode 100644
index 00000000..c1fb0093
--- /dev/null
+++ b/releases/0.13/examples/selects/3.vue
@@ -0,0 +1,76 @@
+
+
+
+
+
+
+ Prepended icon
+
+
+
+
+
+ Appended icon
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/selects/4.vue b/releases/0.13/examples/selects/4.vue
new file mode 100644
index 00000000..101bcecc
--- /dev/null
+++ b/releases/0.13/examples/selects/4.vue
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/selects/5.vue b/releases/0.13/examples/selects/5.vue
new file mode 100644
index 00000000..0759beae
--- /dev/null
+++ b/releases/0.13/examples/selects/5.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/selects/6.vue b/releases/0.13/examples/selects/6.vue
new file mode 100644
index 00000000..4e012312
--- /dev/null
+++ b/releases/0.13/examples/selects/6.vue
@@ -0,0 +1,81 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ data.item.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/selects/7.vue b/releases/0.13/examples/selects/7.vue
new file mode 100644
index 00000000..50f143b6
--- /dev/null
+++ b/releases/0.13/examples/selects/7.vue
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+ Custom items
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/sliders/1.vue b/releases/0.13/examples/sliders/1.vue
new file mode 100644
index 00000000..2216e9ed
--- /dev/null
+++ b/releases/0.13/examples/sliders/1.vue
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/sliders/2.vue b/releases/0.13/examples/sliders/2.vue
new file mode 100644
index 00000000..d4ec2951
--- /dev/null
+++ b/releases/0.13/examples/sliders/2.vue
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/sliders/3.vue b/releases/0.13/examples/sliders/3.vue
new file mode 100644
index 00000000..4352c012
--- /dev/null
+++ b/releases/0.13/examples/sliders/3.vue
@@ -0,0 +1,23 @@
+
+
+ Media volume
+
+
+
+ Alarm volume
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/sliders/4.vue b/releases/0.13/examples/sliders/4.vue
new file mode 100644
index 00000000..9cfbe808
--- /dev/null
+++ b/releases/0.13/examples/sliders/4.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/sliders/5.vue b/releases/0.13/examples/sliders/5.vue
new file mode 100644
index 00000000..b0235162
--- /dev/null
+++ b/releases/0.13/examples/sliders/5.vue
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/sliders/6.html b/releases/0.13/examples/sliders/6.html
new file mode 100644
index 00000000..9e973b5c
--- /dev/null
+++ b/releases/0.13/examples/sliders/6.html
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/snackbars/1.vue b/releases/0.13/examples/snackbars/1.vue
new file mode 100644
index 00000000..5de90c72
--- /dev/null
+++ b/releases/0.13/examples/snackbars/1.vue
@@ -0,0 +1,64 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Show Snackbar
+
+
+ {{ text }}
+ Close
+
+
+
+
+
diff --git a/releases/0.13/examples/snackbars/2.vue b/releases/0.13/examples/snackbars/2.vue
new file mode 100644
index 00000000..b0246b1c
--- /dev/null
+++ b/releases/0.13/examples/snackbars/2.vue
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Show Snackbar
+
+
+ {{ text }}
+ Close
+
+
+
+
+
diff --git a/releases/0.13/examples/steppers/1.vue b/releases/0.13/examples/steppers/1.vue
new file mode 100644
index 00000000..0fdf342b
--- /dev/null
+++ b/releases/0.13/examples/steppers/1.vue
@@ -0,0 +1,36 @@
+
+
+
+ Name of step 1
+
+ Name of step 2
+
+ Name of step 3
+
+
+
+ Continue
+ Cancel
+
+
+
+ Continue
+ Cancel
+
+
+
+ Continue
+ Cancel
+
+
+
+
+
diff --git a/releases/0.13/examples/steppers/10.vue b/releases/0.13/examples/steppers/10.vue
new file mode 100644
index 00000000..dc87e40d
--- /dev/null
+++ b/releases/0.13/examples/steppers/10.vue
@@ -0,0 +1,14 @@
+
+
+
+ Ad unit details
+
+
+ Ad templates
+ Alert message
+
+
+ Ad sizes
+
+
+
diff --git a/releases/0.13/examples/steppers/11.vue b/releases/0.13/examples/steppers/11.vue
new file mode 100644
index 00000000..89b25b27
--- /dev/null
+++ b/releases/0.13/examples/steppers/11.vue
@@ -0,0 +1,16 @@
+
+
+
+ Ad type
+
+ Ad style
+
+
+ Custom channels
+ Alert message
+
+
+ Get code
+
+
+
diff --git a/releases/0.13/examples/steppers/12.vue b/releases/0.13/examples/steppers/12.vue
new file mode 100644
index 00000000..9be21f25
--- /dev/null
+++ b/releases/0.13/examples/steppers/12.vue
@@ -0,0 +1,43 @@
+
+
+
+ Name of step 1
+
+
+
+ Continue
+ Cancel
+
+ Name of step 2
+
+
+ Continue
+ Cancel
+
+
+ Ad templates
+ Alert message
+
+
+
+ Continue
+ Cancel
+
+ View setup instructions
+
+
+ Continue
+ Cancel
+
+
+
+
+
diff --git a/releases/0.13/examples/steppers/2.vue b/releases/0.13/examples/steppers/2.vue
new file mode 100644
index 00000000..c2bf5ab3
--- /dev/null
+++ b/releases/0.13/examples/steppers/2.vue
@@ -0,0 +1,11 @@
+
+
+
+ Select campaign settings
+
+ Create an ad group
+
+ Create an ad
+
+
+
diff --git a/releases/0.13/examples/steppers/3.vue b/releases/0.13/examples/steppers/3.vue
new file mode 100644
index 00000000..629447fd
--- /dev/null
+++ b/releases/0.13/examples/steppers/3.vue
@@ -0,0 +1,11 @@
+
+
+
+ Select campaign settings
+
+ Create an ad group
+
+ Create an ad
+
+
+
diff --git a/releases/0.13/examples/steppers/4.vue b/releases/0.13/examples/steppers/4.vue
new file mode 100644
index 00000000..4d0c2f2e
--- /dev/null
+++ b/releases/0.13/examples/steppers/4.vue
@@ -0,0 +1,28 @@
+
+
+
+
+ Select campaign settings
+
+
+ Create an ad group
+ Optional
+
+
+ Create an ad
+
+
+
+
+ Select campaign settings
+
+
+ Create an ad group
+ Optional
+
+
+ Create an ad
+
+
+
+
diff --git a/releases/0.13/examples/steppers/5.vue b/releases/0.13/examples/steppers/5.vue
new file mode 100644
index 00000000..8dc7e72e
--- /dev/null
+++ b/releases/0.13/examples/steppers/5.vue
@@ -0,0 +1,11 @@
+
+
+
+ Select campaign settings
+
+ Create an ad group
+
+ Create an ad
+
+
+
diff --git a/releases/0.13/examples/steppers/6.vue b/releases/0.13/examples/steppers/6.vue
new file mode 100644
index 00000000..cb78cc12
--- /dev/null
+++ b/releases/0.13/examples/steppers/6.vue
@@ -0,0 +1,41 @@
+
+
+
+ Select an app
+ Summarize if needed
+
+
+
+ Continue
+ Cancel
+
+ Configure analytics for this app
+
+
+ Continue
+ Cancel
+
+ Select an ad format and name ad unit
+
+
+ Continue
+ Cancel
+
+ View setup instructions
+
+
+ Continue
+ Cancel
+
+
+
+
+
diff --git a/releases/0.13/examples/steppers/7.vue b/releases/0.13/examples/steppers/7.vue
new file mode 100644
index 00000000..e5cfe12b
--- /dev/null
+++ b/releases/0.13/examples/steppers/7.vue
@@ -0,0 +1,31 @@
+
+
+
+
+ Select campaign settings
+
+ Create an ad group
+
+ Create an ad
+
+
+
+
+ Select campaign settings
+
+ Create an ad group
+
+ Create an ad
+
+
+
+
+ Select campaign settings
+
+ Create an ad group
+
+ Create an ad
+
+
+
+
diff --git a/releases/0.13/examples/steppers/8.vue b/releases/0.13/examples/steppers/8.vue
new file mode 100644
index 00000000..2a8920e2
--- /dev/null
+++ b/releases/0.13/examples/steppers/8.vue
@@ -0,0 +1,31 @@
+
+
+
+
+ Select campaign settings
+
+ Create an ad group
+
+ Create an ad
+
+
+
+
+ Select campaign settings
+
+ Create an ad group
+
+ Create an ad
+
+
+
+
+ Select campaign settings
+
+ Create an ad group
+
+ Create an ad
+
+
+
+
diff --git a/releases/0.13/examples/steppers/9.vue b/releases/0.13/examples/steppers/9.vue
new file mode 100644
index 00000000..7399c727
--- /dev/null
+++ b/releases/0.13/examples/steppers/9.vue
@@ -0,0 +1,25 @@
+
+
+
+
+ Ad unit details
+
+ Ad sizes
+
+ Ad templates
+
+
+
+
+ Ad unit details
+
+
+ Ad sizes
+ Optional
+
+
+ Ad templates
+
+
+
+
diff --git a/releases/0.13/examples/subheaders/1.vue b/releases/0.13/examples/subheaders/1.vue
new file mode 100644
index 00000000..94dfba81
--- /dev/null
+++ b/releases/0.13/examples/subheaders/1.vue
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+ Inbox
+
+ search
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/subheaders/2.vue b/releases/0.13/examples/subheaders/2.vue
new file mode 100644
index 00000000..d3f6a015
--- /dev/null
+++ b/releases/0.13/examples/subheaders/2.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+ arrow_back
+
+ Albums
+
+
+ search
+
+
+ May
+
+
+
+
+
+
+
+ June
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/subheaders/3.vue b/releases/0.13/examples/subheaders/3.vue
new file mode 100644
index 00000000..4e6df475
--- /dev/null
+++ b/releases/0.13/examples/subheaders/3.vue
@@ -0,0 +1,71 @@
+
+
+
+
+
+
+ Manage
+
+
+ more_vert
+
+
+
+
+
+
+ {{ item.action }}
+
+
+ {{ item.title }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/tables/1.vue b/releases/0.13/examples/tables/1.vue
new file mode 100644
index 00000000..8bd27889
--- /dev/null
+++ b/releases/0.13/examples/tables/1.vue
@@ -0,0 +1,155 @@
+
+
+
+ {{ props.item.name }}
+ {{ props.item.calories }}
+ {{ props.item.fat }}
+ {{ props.item.carbs }}
+ {{ props.item.protein }}
+ {{ props.item.sodium }}
+ {{ props.item.calcium }}
+ {{ props.item.iron }}
+
+
+
+
+
diff --git a/releases/0.13/examples/tables/2.vue b/releases/0.13/examples/tables/2.vue
new file mode 100644
index 00000000..9a193669
--- /dev/null
+++ b/releases/0.13/examples/tables/2.vue
@@ -0,0 +1,172 @@
+
+
+
+
+ {{ props.header.text }}
+
+
+
+
+
+
+ {{ props.item.name }}
+ {{ props.item.calories }}
+ {{ props.item.fat }}
+ {{ props.item.carbs }}
+ {{ props.item.protein }}
+ {{ props.item.sodium }}
+ {{ props.item.calcium }}
+ {{ props.item.iron }}
+
+
+
+
+
diff --git a/releases/0.13/examples/tables/3.vue b/releases/0.13/examples/tables/3.vue
new file mode 100644
index 00000000..f879084c
--- /dev/null
+++ b/releases/0.13/examples/tables/3.vue
@@ -0,0 +1,205 @@
+
+
+
+ Nutrition
+
+
+
+
+
+
+ {{ props.item.name }}
+
+
+
+ {{ props.item.calories }}
+ {{ props.item.fat }}
+ {{ props.item.carbs }}
+ {{ props.item.protein }}
+ {{ props.item.sodium }}
+ {{ props.item.calcium }}
+
+
+ {{ props.item.iron }}
+ Update Iron
+
+
+
+
+
+ From {{ pageStart }} to {{ pageStop }}
+
+
+
+
+
+
diff --git a/releases/0.13/examples/tables/4.vue b/releases/0.13/examples/tables/4.vue
new file mode 100644
index 00000000..ecf0e3f4
--- /dev/null
+++ b/releases/0.13/examples/tables/4.vue
@@ -0,0 +1,170 @@
+
+
+
+
+
+ {{ props.header.text }}
+
+
+
+ {{ props.item.name }}
+ {{ props.item.calories }}
+ {{ props.item.fat }}
+ {{ props.item.carbs }}
+ {{ props.item.protein }}
+ {{ props.item.sodium }}
+ {{ props.item.calcium }}
+ {{ props.item.iron }}
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/tables/5.vue b/releases/0.13/examples/tables/5.vue
new file mode 100644
index 00000000..6b99bf29
--- /dev/null
+++ b/releases/0.13/examples/tables/5.vue
@@ -0,0 +1,183 @@
+
+
+
+
+
+ {{ props.header.text }}
+
+
+
+ {{ props.item.name }}
+ {{ props.item.calories }}
+ {{ props.item.fat }}
+ {{ props.item.carbs }}
+ {{ props.item.protein }}
+ {{ props.item.sodium }}
+ {{ props.item.calcium }}
+ {{ props.item.iron }}
+
+
+
+ Toggle sort order
+ Sort next column
+
+
+
+
+
diff --git a/releases/0.13/examples/tables/6.vue b/releases/0.13/examples/tables/6.vue
new file mode 100644
index 00000000..9397d68a
--- /dev/null
+++ b/releases/0.13/examples/tables/6.vue
@@ -0,0 +1,231 @@
+
+
+
+
+
+ {{ props.header.text }}
+
+
+
+ {{ props.item.name }}
+ {{ props.item.calories }}
+ {{ props.item.fat }}
+ {{ props.item.carbs }}
+ {{ props.item.protein }}
+ {{ props.item.sodium }}
+ {{ props.item.calcium }}
+ {{ props.item.iron }}
+
+
+
+
+
+
diff --git a/releases/0.13/examples/tables/7.vue b/releases/0.13/examples/tables/7.vue
new file mode 100644
index 00000000..1f13f0c5
--- /dev/null
+++ b/releases/0.13/examples/tables/7.vue
@@ -0,0 +1,204 @@
+
+
+
+
+
+
+
+
+ arrow_upward
+ {{ header.text }}
+
+
+
+
+
+
+
+
+ {{ props.item.name }}
+ {{ props.item.calories }}
+ {{ props.item.fat }}
+ {{ props.item.carbs }}
+ {{ props.item.protein }}
+ {{ props.item.sodium }}
+ {{ props.item.calcium }}
+ {{ props.item.iron }}
+
+
+
+
+
+
diff --git a/releases/0.13/examples/tables/8.vue b/releases/0.13/examples/tables/8.vue
new file mode 100644
index 00000000..84864ffb
--- /dev/null
+++ b/releases/0.13/examples/tables/8.vue
@@ -0,0 +1,159 @@
+
+
+
+
+ {{ props.header.text }}
+
+
+
+ {{ props.item.name }}
+ {{ props.item.calories }}
+ {{ props.item.fat }}
+ {{ props.item.carbs }}
+ {{ props.item.protein }}
+ {{ props.item.sodium }}
+ {{ props.item.calcium }}
+ {{ props.item.iron }}
+
+
+
+
+
diff --git a/releases/0.13/examples/tabs/1.vue b/releases/0.13/examples/tabs/1.vue
new file mode 100644
index 00000000..e1354a03
--- /dev/null
+++ b/releases/0.13/examples/tabs/1.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+ Item {{ tab.slice(-1) }}
+
+
+
+
+
+ {{ text }}
+
+
+
+
+
+ next tab
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/tabs/2.vue b/releases/0.13/examples/tabs/2.vue
new file mode 100644
index 00000000..6cb705d3
--- /dev/null
+++ b/releases/0.13/examples/tabs/2.vue
@@ -0,0 +1,34 @@
+
+
+
+
+
+ {{ i }}
+
+
+
+
+ {{ text }}
+
+
+
+
+
+
diff --git a/releases/0.13/examples/tabs/3.vue b/releases/0.13/examples/tabs/3.vue
new file mode 100644
index 00000000..b642ea57
--- /dev/null
+++ b/releases/0.13/examples/tabs/3.vue
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+ search
+
+
+ more_vert
+
+ Page title
+
+
+
+
+ Item {{ i }}
+
+
+
+
+ {{ text }}
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/tabs/4.vue b/releases/0.13/examples/tabs/4.vue
new file mode 100644
index 00000000..e688def4
--- /dev/null
+++ b/releases/0.13/examples/tabs/4.vue
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+
+ Item {{ i }}
+
+
+
+
+ {{ text }}
+
+
+
+
+
+
diff --git a/releases/0.13/examples/tabs/5.vue b/releases/0.13/examples/tabs/5.vue
new file mode 100644
index 00000000..7d22cb62
--- /dev/null
+++ b/releases/0.13/examples/tabs/5.vue
@@ -0,0 +1,38 @@
+
+
+
+
+
+ phone
+ Recents
+
+
+ favorite
+ Favorites
+
+
+ account_box
+ Nearby
+
+
+
+
+ {{ text }}
+
+
+
+
+
+
diff --git a/releases/0.13/examples/tabs/6.vue b/releases/0.13/examples/tabs/6.vue
new file mode 100644
index 00000000..69b1e1e1
--- /dev/null
+++ b/releases/0.13/examples/tabs/6.vue
@@ -0,0 +1,46 @@
+
+
+
+
+ Page title
+
+
+ search
+
+
+ more_vert
+
+
+
+
+
+ phone
+
+
+ favorite
+
+
+ account_box
+
+
+
+
+ {{ text }}
+
+
+
+
+
+
diff --git a/releases/0.13/examples/tabs/7.vue b/releases/0.13/examples/tabs/7.vue
new file mode 100644
index 00000000..8a93e916
--- /dev/null
+++ b/releases/0.13/examples/tabs/7.vue
@@ -0,0 +1,62 @@
+
+
+
+
+ Page title
+
+
+ search
+
+
+ more_vert
+
+
+
+
+
+ {{ item }}
+
+
+
+ Menu
+ arrow_drop_down
+
+
+
+ Item {{ n }}
+
+
+
+
+
+
+ {{ text }}
+
+
+
+
+
+
diff --git a/releases/0.13/examples/tabs/8.vue b/releases/0.13/examples/tabs/8.vue
new file mode 100644
index 00000000..bc69d525
--- /dev/null
+++ b/releases/0.13/examples/tabs/8.vue
@@ -0,0 +1,42 @@
+
+
+
+
+
+ Item {{ i }}
+
+
+
+ Menu
+ arrow_drop_down
+
+
+ Item {{ n }}
+
+
+
+
+
+ {{ text }}
+
+
+
+
+
+
diff --git a/releases/0.13/examples/tabs/9.vue b/releases/0.13/examples/tabs/9.vue
new file mode 100644
index 00000000..f859f553
--- /dev/null
+++ b/releases/0.13/examples/tabs/9.vue
@@ -0,0 +1,42 @@
+
+
+
+
+
+ Item {{ i }}
+
+
+
+ Menu
+ arrow_drop_down
+
+
+ Item {{ n }}
+
+
+
+
+
+ {{ text }}
+
+
+
+
+
+
diff --git a/releases/0.13/examples/text-fields/1.vue b/releases/0.13/examples/text-fields/1.vue
new file mode 100644
index 00000000..5e71cb76
--- /dev/null
+++ b/releases/0.13/examples/text-fields/1.vue
@@ -0,0 +1,58 @@
+
+
+
+
+
+
+ Normal with hint text/label
+
+
+
+
+
+
+
+ Focus
+
+
+
+
+
+
+
+ Normal with input text + label
+
+
+
+
+
+
+
+ Disabled
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/text-fields/10.vue b/releases/0.13/examples/text-fields/10.vue
new file mode 100644
index 00000000..e1b6eabf
--- /dev/null
+++ b/releases/0.13/examples/text-fields/10.vue
@@ -0,0 +1,93 @@
+
+
+
+
+
+
+ Normal with hint text
+
+
+
+
+
+
+
+ Visible
+
+
+
+
+
+
+
+ Nonvisible
+
+
+
+
+
+
+
+ Error
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/text-fields/11.vue b/releases/0.13/examples/text-fields/11.vue
new file mode 100644
index 00000000..a38bf8e2
--- /dev/null
+++ b/releases/0.13/examples/text-fields/11.vue
@@ -0,0 +1,59 @@
+
+
+
+
+
+
+
+ arrow_back
+
+
+
+ more_vert
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/text-fields/12.vue b/releases/0.13/examples/text-fields/12.vue
new file mode 100644
index 00000000..16f9401f
--- /dev/null
+++ b/releases/0.13/examples/text-fields/12.vue
@@ -0,0 +1,69 @@
+
+
+
+
+
+
+ arrow_back
+ Compose
+
+ send
+
+
+
+
+ To
+
+
+
+
+
+
+ Trevor Hansen
+
+
+
+
+
+ Alex Nelson
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/text-fields/13.vue b/releases/0.13/examples/text-fields/13.vue
new file mode 100644
index 00000000..98b95516
--- /dev/null
+++ b/releases/0.13/examples/text-fields/13.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+ DMV Application
+
+
+ Personal Info
+
+
+
+ *indicates required field
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/text-fields/14.vue b/releases/0.13/examples/text-fields/14.vue
new file mode 100644
index 00000000..41388b6d
--- /dev/null
+++ b/releases/0.13/examples/text-fields/14.vue
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+
+ arrow_back
+
+ Application
+
+
+ more_vert
+
+
+
+ Search for new keywords using a phrase, website or category
+ Enter one or more of the following
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/text-fields/15.vue b/releases/0.13/examples/text-fields/15.vue
new file mode 100644
index 00000000..4ac6657a
--- /dev/null
+++ b/releases/0.13/examples/text-fields/15.vue
@@ -0,0 +1,57 @@
+
+
+
+
+
+
+ Prefix for dollar currency
+
+
+
+
+
+
+
+ Suffix for weight
+
+
+
+
+
+
+
+ Suffix for email domain
+
+
+
+
+
+
+
+ Suffix for time zone
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/text-fields/16.vue b/releases/0.13/examples/text-fields/16.vue
new file mode 100644
index 00000000..a54d3151
--- /dev/null
+++ b/releases/0.13/examples/text-fields/16.vue
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+ Input with error state
+
+
+
+
+
+
+
+ Supplied errors
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/text-fields/2.vue b/releases/0.13/examples/text-fields/2.vue
new file mode 100644
index 00000000..fd36e2e0
--- /dev/null
+++ b/releases/0.13/examples/text-fields/2.vue
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+ Normal with hint text/label
+
+
+
+
+
+
+
+ Focus
+
+
+
+
+
+
+
+ Normal with input text + label
+
+
+
+
+
+
+
+ Disabled
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/text-fields/3.vue b/releases/0.13/examples/text-fields/3.vue
new file mode 100644
index 00000000..f8c57d99
--- /dev/null
+++ b/releases/0.13/examples/text-fields/3.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+ Normal with hint text
+
+
+
+
+
+
+
+ Press
+
+
+
+
+
+
+
+ Focus
+
+
+
+
+
+
+
+ Normal with input text
+
+
+
+
+
+
+
+ Error
+
+
+
+
+
+
+
+ Disabled
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/text-fields/4.vue b/releases/0.13/examples/text-fields/4.vue
new file mode 100644
index 00000000..a2b9364c
--- /dev/null
+++ b/releases/0.13/examples/text-fields/4.vue
@@ -0,0 +1,95 @@
+
+
+
+
+
+
+ Normal with hint text
+
+
+
+
+
+
+
+ Press
+
+
+
+
+
+
+
+ Focus
+
+
+
+
+
+
+
+ Normal with input text
+
+
+
+
+
+
+
+ Error
+
+
+
+
+
+
+
+ Disabled
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/text-fields/5.vue b/releases/0.13/examples/text-fields/5.vue
new file mode 100644
index 00000000..22ce597b
--- /dev/null
+++ b/releases/0.13/examples/text-fields/5.vue
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+ Normal with hint text
+
+
+
+
+
+
+
+
+
+
+ Focus
+
+
+
+
+
+
+
+
+
+
+
+ Normal with input text
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/text-fields/6.vue b/releases/0.13/examples/text-fields/6.vue
new file mode 100644
index 00000000..48a99f7f
--- /dev/null
+++ b/releases/0.13/examples/text-fields/6.vue
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+ Normal with hint text
+
+
+
+
+
+
+
+
+
+
+ Focus
+
+
+
+
+
+
+
+
+
+
+ Normal with input text
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/text-fields/7.vue b/releases/0.13/examples/text-fields/7.vue
new file mode 100644
index 00000000..e3e21142
--- /dev/null
+++ b/releases/0.13/examples/text-fields/7.vue
@@ -0,0 +1,61 @@
+
+
+
+
+
+
+ Normal with hint text
+
+
+
+
+
+
+
+ Focus
+
+
+
+
+
+
+
+ Normal with multi-line input text
+
+
+
+
+
+
+
+ Normal with multi-line input text
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/text-fields/8.vue b/releases/0.13/examples/text-fields/8.vue
new file mode 100644
index 00000000..f6f81748
--- /dev/null
+++ b/releases/0.13/examples/text-fields/8.vue
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+ Normal with hint text
+
+
+
+
+
+
+
+ Focus
+
+
+
+
+
+
+
+ Normal with multi-line input text
+
+
+
+
+
+
+
+ Normal with multi-line input text
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/text-fields/9.vue b/releases/0.13/examples/text-fields/9.vue
new file mode 100644
index 00000000..f17ff6b5
--- /dev/null
+++ b/releases/0.13/examples/text-fields/9.vue
@@ -0,0 +1,96 @@
+
+
+
+
+
+
+
+
+ arrow_back
+
+
+
+ more_vert
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ arrow_back
+
+
+
+ more_vert
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/toolbar/1.vue b/releases/0.13/examples/toolbar/1.vue
new file mode 100644
index 00000000..1b05f51d
--- /dev/null
+++ b/releases/0.13/examples/toolbar/1.vue
@@ -0,0 +1,12 @@
+
+
+ Title
+
+
+
+ Link One
+ Link Two
+ Link Three
+
+
+
diff --git a/releases/0.13/examples/toolbar/10.vue b/releases/0.13/examples/toolbar/10.vue
new file mode 100644
index 00000000..1e285ec9
--- /dev/null
+++ b/releases/0.13/examples/toolbar/10.vue
@@ -0,0 +1,18 @@
+
+
+
+
+ Title
+
+
+ search
+
+
+ favorite
+
+
+ more_vert
+
+
+
+
diff --git a/releases/0.13/examples/toolbar/11.vue b/releases/0.13/examples/toolbar/11.vue
new file mode 100644
index 00000000..5b17fec6
--- /dev/null
+++ b/releases/0.13/examples/toolbar/11.vue
@@ -0,0 +1,18 @@
+
+
+
+
+ Title
+
+
+ search
+
+
+ favorite
+
+
+ more_vert
+
+
+
+
diff --git a/releases/0.13/examples/toolbar/12.vue b/releases/0.13/examples/toolbar/12.vue
new file mode 100644
index 00000000..54805b93
--- /dev/null
+++ b/releases/0.13/examples/toolbar/12.vue
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+ All
+ arrow_drop_down
+
+
+
+
+
+
+
+
+
+ search
+
+
+ favorite
+
+
+ more_vert
+
+
+
+
+
+
diff --git a/releases/0.13/examples/toolbar/13.vue b/releases/0.13/examples/toolbar/13.vue
new file mode 100644
index 00000000..ac799db3
--- /dev/null
+++ b/releases/0.13/examples/toolbar/13.vue
@@ -0,0 +1,52 @@
+
+
+ Light status bar
+
+
+
+ network_wifi
+ signal_cellular_null
+ battery_full
+ 12:30
+
+
+ Lights out
+
+
+
+ network_wifi
+ signal_cellular_null
+ battery_full
+ 12:30
+
+
+ Dark status bar
+
+
+
+ network_wifi
+ signal_cellular_null
+ battery_full
+ 12:30
+
+
+ Lights out
+
+
+
+ network_wifi
+ signal_cellular_null
+ battery_full
+ 12:30
+
+
+
+ Window bar
+
+
+ remove
+ check_box_outline_blank
+ close
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/examples/toolbar/2.vue b/releases/0.13/examples/toolbar/2.vue
new file mode 100644
index 00000000..acbc1b20
--- /dev/null
+++ b/releases/0.13/examples/toolbar/2.vue
@@ -0,0 +1,19 @@
+
+
+
+ Title
+
+
+ search
+
+
+ apps
+
+
+ refresh
+
+
+ more_vert
+
+
+
diff --git a/releases/0.13/examples/toolbar/3.vue b/releases/0.13/examples/toolbar/3.vue
new file mode 100644
index 00000000..bce46c28
--- /dev/null
+++ b/releases/0.13/examples/toolbar/3.vue
@@ -0,0 +1,19 @@
+
+
+
+ Title
+
+
+ search
+
+
+ apps
+
+
+ refresh
+
+
+ more_vert
+
+
+
diff --git a/releases/0.13/examples/toolbar/4.vue b/releases/0.13/examples/toolbar/4.vue
new file mode 100644
index 00000000..69768692
--- /dev/null
+++ b/releases/0.13/examples/toolbar/4.vue
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+ arrow_back
+
+ Title
+
+
+ search
+
+
+
+
+
+
+
+ reply
+
+
+ more_vert
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/toolbar/5.vue b/releases/0.13/examples/toolbar/5.vue
new file mode 100644
index 00000000..1eb0d4ef
--- /dev/null
+++ b/releases/0.13/examples/toolbar/5.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
+
+
+
+ Title
+
+
+ search
+
+
+ apps
+
+
+ more_vert
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/toolbar/6.vue b/releases/0.13/examples/toolbar/6.vue
new file mode 100644
index 00000000..7ec55107
--- /dev/null
+++ b/releases/0.13/examples/toolbar/6.vue
@@ -0,0 +1,13 @@
+
+
+
+
+
+ my_location
+
+
+ more_vert
+
+
+
+
diff --git a/releases/0.13/examples/toolbar/7.vue b/releases/0.13/examples/toolbar/7.vue
new file mode 100644
index 00000000..51702752
--- /dev/null
+++ b/releases/0.13/examples/toolbar/7.vue
@@ -0,0 +1,62 @@
+
+
+
+
+
+
+
+
+
+
+ Type options
+
+
+ more_vert
+
+
+
+
+
+ Heading 1
+ arrow_drop_down
+
+
+
+
+ Roboto
+ arrow_drop_down
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/toolbar/8.vue b/releases/0.13/examples/toolbar/8.vue
new file mode 100644
index 00000000..e0988d9a
--- /dev/null
+++ b/releases/0.13/examples/toolbar/8.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+ Title
+
+
+ search
+
+
+ favorite
+
+
+ more_vert
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/toolbar/9.vue b/releases/0.13/examples/toolbar/9.vue
new file mode 100644
index 00000000..50b9b36b
--- /dev/null
+++ b/releases/0.13/examples/toolbar/9.vue
@@ -0,0 +1,18 @@
+
+
+
+
+ Title
+
+
+ search
+
+
+ favorite
+
+
+ more_vert
+
+
+
+
diff --git a/releases/0.13/examples/tooltips/1.vue b/releases/0.13/examples/tooltips/1.vue
new file mode 100644
index 00000000..c5b67945
--- /dev/null
+++ b/releases/0.13/examples/tooltips/1.vue
@@ -0,0 +1,11 @@
+
+
+ Top
+
+ Right
+
+ Bottom
+
+ Left
+
+
diff --git a/releases/0.13/examples/transitions/1.vue b/releases/0.13/examples/transitions/1.vue
new file mode 100644
index 00000000..34c1f6cc
--- /dev/null
+++ b/releases/0.13/examples/transitions/1.vue
@@ -0,0 +1,20 @@
+
+
+
+ Slide X Transition
+
+
+
+
+
+
+
+ Slide X Reverse Transition
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/transitions/2.vue b/releases/0.13/examples/transitions/2.vue
new file mode 100644
index 00000000..d47d8b12
--- /dev/null
+++ b/releases/0.13/examples/transitions/2.vue
@@ -0,0 +1,20 @@
+
+
+
+ Slide Y Transition
+
+
+
+
+
+
+
+ Slide Y Reverse Transition
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/transitions/3.vue b/releases/0.13/examples/transitions/3.vue
new file mode 100644
index 00000000..96b29dc9
--- /dev/null
+++ b/releases/0.13/examples/transitions/3.vue
@@ -0,0 +1,12 @@
+
+
+
+ Scale Transition
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/transitions/4.vue b/releases/0.13/examples/transitions/4.vue
new file mode 100644
index 00000000..8469dfbd
--- /dev/null
+++ b/releases/0.13/examples/transitions/4.vue
@@ -0,0 +1,12 @@
+
+
+
+ Fade Transition
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/examples/transitions/5.vue b/releases/0.13/examples/transitions/5.vue
new file mode 100644
index 00000000..db722173
--- /dev/null
+++ b/releases/0.13/examples/transitions/5.vue
@@ -0,0 +1,12 @@
+
+
+
+ Scale Transition
+
+
+
+
+
+
+
+
diff --git a/releases/0.13/index.html b/releases/0.13/index.html
new file mode 100644
index 00000000..672b8ea5
--- /dev/null
+++ b/releases/0.13/index.html
@@ -0,0 +1,7 @@
+
{{ title }}
\ No newline at end of file
diff --git a/releases/0.13/pages/AlertsView.vue b/releases/0.13/pages/AlertsView.vue
new file mode 100644
index 00000000..81bd78a9
--- /dev/null
+++ b/releases/0.13/pages/AlertsView.vue
@@ -0,0 +1,65 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
+
+
diff --git a/releases/0.13/pages/AlignmentView.vue b/releases/0.13/pages/AlignmentView.vue
new file mode 100644
index 00000000..0a838f13
--- /dev/null
+++ b/releases/0.13/pages/AlignmentView.vue
@@ -0,0 +1,35 @@
+
+ div(class="view" id="spacing-view")
+ v-layout(column-xs row-sm)
+ v-flex(xs12 sm8 md12)
+ section-def
+ dt(slot="title") Alignment
+ dd(slot="desc") Layouts can change when screen resolutions change. The alignment classes help you position your text based on viewport size.
+ ad
+ section
+ component-example(header="Examples" file="alignment/1")
+ v-card
+ v-card-text
+ p(class="text-lg-right") Right align on large viewport sizes
+ p(class="text-md-center") Center align on medium viewport sizes
+ p(class="text-sm-left") Left align on small viewport sizes
+ p(class="text-xs-center") Center align on all viewport sizes
+ p(class="text-xl-right") Right align on extra large viewport sizes
+ markup(lang="html")
+ |<p class="text-xs-left">...</p>
+ |<p class="text-xs-center">...</p>
+ |<p class="text-xs-right">...</p>
+ |
+ |
+ |<p class="text-xs-left">...</p>
+ |<p class="text-sm-left">...</p>
+ |<p class="text-md-left">...</p>
+ |<p class="text-lg-left">...</p>
+ |<p class="text-xl-right">...</p>
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/pages/BadgesView.vue b/releases/0.13/pages/BadgesView.vue
new file mode 100644
index 00000000..60ce43bc
--- /dev/null
+++ b/releases/0.13/pages/BadgesView.vue
@@ -0,0 +1,72 @@
+
+ component-view(v-bind:doc="doc" id="badges-view")
+
+
+
diff --git a/releases/0.13/pages/BottomNavigationView.vue b/releases/0.13/pages/BottomNavigationView.vue
new file mode 100644
index 00000000..185a1231
--- /dev/null
+++ b/releases/0.13/pages/BottomNavigationView.vue
@@ -0,0 +1,74 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
+
+
diff --git a/releases/0.13/pages/BreadcrumbsView.vue b/releases/0.13/pages/BreadcrumbsView.vue
new file mode 100644
index 00000000..d53c1357
--- /dev/null
+++ b/releases/0.13/pages/BreadcrumbsView.vue
@@ -0,0 +1,63 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
diff --git a/releases/0.13/pages/ButtonsView.vue b/releases/0.13/pages/ButtonsView.vue
new file mode 100644
index 00000000..a30efe4c
--- /dev/null
+++ b/releases/0.13/pages/ButtonsView.vue
@@ -0,0 +1,166 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
diff --git a/releases/0.13/pages/CardsView.vue b/releases/0.13/pages/CardsView.vue
new file mode 100644
index 00000000..84f6c455
--- /dev/null
+++ b/releases/0.13/pages/CardsView.vue
@@ -0,0 +1,91 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
diff --git a/releases/0.13/pages/CarouselView.vue b/releases/0.13/pages/CarouselView.vue
new file mode 100644
index 00000000..3393dab6
--- /dev/null
+++ b/releases/0.13/pages/CarouselView.vue
@@ -0,0 +1,91 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
diff --git a/releases/0.13/pages/ChipsView.vue b/releases/0.13/pages/ChipsView.vue
new file mode 100644
index 00000000..d2d353e0
--- /dev/null
+++ b/releases/0.13/pages/ChipsView.vue
@@ -0,0 +1,81 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
+
+
diff --git a/releases/0.13/pages/ColorsView.vue b/releases/0.13/pages/ColorsView.vue
new file mode 100644
index 00000000..9253dbbb
--- /dev/null
+++ b/releases/0.13/pages/ColorsView.vue
@@ -0,0 +1,94 @@
+
+ doc-view(id="colors-view")
+ v-layout(column-xs row-sm wrap)
+ v-flex(xs12 sm8 md12)
+ section-def
+ dt(slot="title") {{ doc.title }}
+ dd(slot="desc") {{ doc.desc }}
+ ad
+ section.mb-5
+ section-header Classes
+ section-text You can change a background or text color by adding a class to the element. For background, use just the name, for example, <div class="red">
. To use a shade, just add the modifying type, such as, darken-3 . Text is very similar, adding a modification class, red--text , you can change the color of text, or change the type with adding text--lighten-2 . For some elements like the v-badge
, you can use the --after type for the background, <span class="green--after" v-badge:5>
.
+ div.colors
+ v-container(fluid).pa-0
+ v-layout(row wrap)
+ v-flex(xs6 sm6 md4 lg3 v-for="color in colors" v-bind:key="color")
+ v-card(v-bind:class="[color]" height="100px")
+ v-card-text
+ h3 {{ color }}
+ v-card(
+ v-for="n in [4,3,2,1]"
+ v-bind:class="[color, 'lighten-' + n]"
+ class="black--text"
+ v-bind:key="n"
+ )
+ v-card-text {{ color }} lighten-{{ n }}
+ v-card(
+ v-for="n in 4"
+ v-bind:class="[color, 'darken-' + n]"
+ v-bind:key="n"
+ )
+ v-card-text {{ color }} darken-{{ n }}
+ v-card(
+ v-for="n in 4"
+ v-bind:class="[color, 'accent-' + n]"
+ v-if="['grey', 'blue-grey', 'brown'].indexOf(color) === -1"
+ class="black--text"
+ v-bind:key="n"
+ )
+ v-card-text {{ color }} accent-{{ n }}
+ section
+ section-header Color Pack
+ section-text Vuetify comes pre-built with a Material Design Color Pack (thanks Materialize.css ) by default. While convenient, this also increases the css export size by ~30kb. This can be disabled in both the webpack and webpack-ssr Vue cli templates.
+ div(class="title pt-3 pb-3") Webpack
+ section-text Navigate to src/App.vue . Scroll to the style element and set $color-pack = false
above the Vuetify css import.
+
+ div(class="title pt-3 pb-3") Webpack-SSR
+ section-text Navigate to src/stylus/main.styl . At the top of the file, declare $color-pack = false
.
+
+
+
+
+
diff --git a/releases/0.13/pages/ContentView.vue b/releases/0.13/pages/ContentView.vue
new file mode 100644
index 00000000..846c4ba2
--- /dev/null
+++ b/releases/0.13/pages/ContentView.vue
@@ -0,0 +1,53 @@
+
+ doc-view(id="content-view")
+ v-layout(column-xs row-sm wrap)
+ v-flex(xs12 sm8 md12)
+ section-def
+ dt(slot="title") {{ doc.title }}
+ dd(slot="desc") {{ doc.desc }}
+ ad
+ section
+ section-header Block quote
+ blockquote.mb-5 Lorem ipsum dolor sit amet, brute iriure accusata ne mea. Eos suavitate referrentur ad, te duo agam libris qualisque, utroque quaestio accommodare no qui. Et percipit laboramus usu, no invidunt verterem nominati mel. Dolorem ancillae an mei, ut putant invenire splendide mel, ea nec propriae adipisci. Ignota salutandi accusamus in sed, et per malis fuisset, qui id ludus appareat.
+
+ section-header Paragraphs
+ div.mb-5
+ p Lorem ipsum dolor sit amet, brute iriure accusata ne mea. Eos suavitate referrentur ad, te duo agam libris qualisque, utroque quaestio accommodare no qui. Et percipit laboramus usu, no invidunt verterem nominati mel. Dolorem ancillae an mei, ut putant invenire splendide mel, ea nec propriae adipisci. Ignota salutandi accusamus in sed, et per malis fuisset, qui id ludus appareat.
+
+ p Lorem ipsum dolor sit amet, brute iriure accusata ne mea. Eos suavitate referrentur ad, te duo agam libris qualisque, utroque quaestio accommodare no qui. Et percipit laboramus usu, no invidunt verterem nominati mel. Dolorem ancillae an mei, ut putant invenire splendide mel, ea nec propriae adipisci. Ignota salutandi accusamus in sed, et per malis fuisset, qui id ludus appareat.
+
+ section-header Code
+ div.mb-5 Example of an inline <code>
element.
+
+ section-header Variables
+ div.mb-5 v = u * e
+
+ section-header User input
+ div To install Vuetify, type npm install vuetify into your console. Once complete, type cd <project name> and run npm install
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/pages/DatatablesView.vue b/releases/0.13/pages/DatatablesView.vue
new file mode 100644
index 00000000..8a5385e4
--- /dev/null
+++ b/releases/0.13/pages/DatatablesView.vue
@@ -0,0 +1,244 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
+
+
diff --git a/releases/0.13/pages/DepthView.vue b/releases/0.13/pages/DepthView.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/releases/0.13/pages/DialogsView.vue b/releases/0.13/pages/DialogsView.vue
new file mode 100644
index 00000000..2f6c514d
--- /dev/null
+++ b/releases/0.13/pages/DialogsView.vue
@@ -0,0 +1,100 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
diff --git a/releases/0.13/pages/DisplayView.vue b/releases/0.13/pages/DisplayView.vue
new file mode 100644
index 00000000..fb864fb6
--- /dev/null
+++ b/releases/0.13/pages/DisplayView.vue
@@ -0,0 +1,37 @@
+
+ div(class="view" id="display-view")
+ v-layout(column-xs row-sm)
+ v-flex(xs12 sm8 md12)
+ section-def
+ dt(slot="title") Display
+ dd(slot="desc") The display helpers allow you to control the displaying of content based upon viewport width.
+ ad
+ section
+ h6 Viewport sizes
+ ul.mb-5
+ li xs
- extra small viewport devices (< 576px)
+ li sm
- small viewport devices (< 768px)
+ li md
- medium viewport devices (< 992px)
+ li lg
- large viewport devices (< 1200px)
+ li xl
- extra large viewport devices (> 1200px)
+ h6 Classes
+ ul.mb-5
+ li hidden-xs-only
- hidden on extra small viewports only
+ li hidden-sm-and-down
- hidden on small viewports and down
+ li hidden-sm-and-up
- hidden on small viewports and up
+ li hidden-md-only
- hidden on medium viewports only
+ li hidden-md-and-down
- hidden on medium viewports and down
+ li hidden-md-and-up
- hidden on medium viewports and up
+ li hidden-lg-only
- hidden on large viewports only
+ li hidden-lg-and-down
- hidden on large viewports and down
+ li hidden-lg-and-up
- hidden on large viewports and up
+ li hidden-xl-only
- hidden on extra large viewports only
+ component-example(header="Hidden elements" file="display/1")
+ div(slot="desc") The toolbar links will be hidden on small viewport devices and down
+
+
+
diff --git a/releases/0.13/pages/DividerView.vue b/releases/0.13/pages/DividerView.vue
new file mode 100644
index 00000000..0dcd3d3d
--- /dev/null
+++ b/releases/0.13/pages/DividerView.vue
@@ -0,0 +1,59 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
+
+
diff --git a/releases/0.13/pages/ElevationView.vue b/releases/0.13/pages/ElevationView.vue
new file mode 100644
index 00000000..d8bbc2c4
--- /dev/null
+++ b/releases/0.13/pages/ElevationView.vue
@@ -0,0 +1,65 @@
+
+ .view(id="elevation-view")
+ v-layout(column-xs row-sm)
+ v-flex(xs12 sm8 md12)
+ section-def
+ dt(slot="title") Elevation
+ dd(slot="desc") The elevation helpers allow you to control relative depth, or distance, between two surfaces along the z-axis.
+ ad
+ section
+ h6 Variants
+ p.mb-5 There's a total of 25 elevation levels. You can set an element's elevation by using the class elevation-N
, where N is a integer between 0-24 corresponding to the desired elevation.
+
+ h6 Playground
+ v-container(fluid)
+ v-layout(row)
+ v-flex(xs4)
+ v-select(
+ label="Select elevation"
+ v-bind:items="elevations"
+ v-model="selected"
+ item-text="text"
+ item-value="class"
+ return-object
+ )
+ v-flex(xs6 offset-xs1)
+ v-card(v-bind:class="example.classes")
+ v-card-text
+ p.text-xs-center.ma-0 {{ example.elevation }}
+
+
+
+
+
diff --git a/releases/0.13/pages/ExpansionPanelView.vue b/releases/0.13/pages/ExpansionPanelView.vue
new file mode 100644
index 00000000..4dae87fb
--- /dev/null
+++ b/releases/0.13/pages/ExpansionPanelView.vue
@@ -0,0 +1,63 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
diff --git a/releases/0.13/pages/FabsView.vue b/releases/0.13/pages/FabsView.vue
new file mode 100644
index 00000000..064613ef
--- /dev/null
+++ b/releases/0.13/pages/FabsView.vue
@@ -0,0 +1,51 @@
+
+ component-view(v-bind:doc="doc")
+ v-alert(info value) For more information on all the options available for the v-btn
component, please navigate to the Button documentation .
+
+
+
diff --git a/releases/0.13/pages/FaqView.vue b/releases/0.13/pages/FaqView.vue
new file mode 100644
index 00000000..d2777f57
--- /dev/null
+++ b/releases/0.13/pages/FaqView.vue
@@ -0,0 +1,36 @@
+
+ doc-view
+ v-layout(column-xs row-sm wrap)
+ v-flex(xs12 sm8 md12)
+ section-def
+ dt(slot="title") Frequently asked questions
+ dd(slot="desc") Stuck on a particular problem? Check some of these common gotchas before creating a ticket. If you still cannot find what you are looking for, submit an issue on github.
+ ad
+ section
+ v-expansion-panel
+ v-expansion-panel-content(v-for="faq in faqs" v-bind:key="faq")
+ div(slot="header")
+ strong Question:
+ span(v-html="faq.q")
+ v-card
+ v-card-text
+ strong Answer:
+ div(v-html="faq.a")
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/pages/FooterView.vue b/releases/0.13/pages/FooterView.vue
new file mode 100644
index 00000000..bcb47bec
--- /dev/null
+++ b/releases/0.13/pages/FooterView.vue
@@ -0,0 +1,41 @@
+
+ component-view(v-bind:doc="doc" id="footer")
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/pages/GridListView.vue b/releases/0.13/pages/GridListView.vue
new file mode 100644
index 00000000..88e0da82
--- /dev/null
+++ b/releases/0.13/pages/GridListView.vue
@@ -0,0 +1,39 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
diff --git a/releases/0.13/pages/GridView.vue b/releases/0.13/pages/GridView.vue
new file mode 100644
index 00000000..ed12f618
--- /dev/null
+++ b/releases/0.13/pages/GridView.vue
@@ -0,0 +1,224 @@
+
+ component-view(v-bind:doc="doc")
+ v-alert(info value="true" slot="top") If you are looking for Grid lists , please navigate here .
+ v-card(slot="top").my-5
+ v-table-overflow
+ table.table
+ caption.mt-3
+ strong Material Design Viewport Breakpoints
+ thead
+ tr.text-xs-left
+ th Device
+ th Types
+ th Range
+ tbody
+ tr
+ td
+ v-icon.mr-3 phone_iphone
+ span Extra small
+ td small to large handset
+ td < 600px
+ tr
+ td
+ v-icon.mr-3 tablet
+ span Small
+ td small to medium tablet
+ td 600px > < 1024px
+ tr
+ td
+ v-icon.mr-3 laptop
+ span Medium
+ td large tablet to laptop
+ td 1024px > < 1440px
+ tr
+ td
+ v-icon.mr-3 desktop_windows
+ span Large
+ td desktop
+ td 1440px > < 1920px
+ tr
+ td
+ v-icon.mr-3 tv
+ span Extra large
+ td 4k and ultra-wides
+ td > 1920px
+
+
+
diff --git a/releases/0.13/pages/HomeView.vue b/releases/0.13/pages/HomeView.vue
new file mode 100644
index 00000000..b00f1b1e
--- /dev/null
+++ b/releases/0.13/pages/HomeView.vue
@@ -0,0 +1,167 @@
+
+ div#home-view.white
+ v-toolbar(fixed :class="[toolbar ? 'toolbar--home' : 'transparent elevation-0']" dark)
+ img(src="/static/v.png" height="38px")
+ v-spacer
+ v-toolbar-items
+ v-btn(flat column dark router to="/vuetify/quick-start") Documentation
+ v-btn(flat column dark tag="a" href="https://github.com/vuetifyjs/vuetify/releases" target="_blank" rel="noopener") Updates
+
+ section#hero.elevation-12
+ v-parallax(src="/static/doc-images/vbanner.jpg" height="400")
+ v-layout(row align-vert-center align-horiz-center)
+ v-flex(xs12).text-xs-center
+ h1.grey--text.text--lighten-4.display-2 Vuetify.js
+ div.grey--text.text--lighten-4.headline.hidden-xs-only Material Component Framework
+ div.mt-5
+ v-btn(
+ large
+ tag="a"
+ href="https://github.com/vuetifyjs/vuetify"
+ ).grey.lighten-2
+ v-icon(fa left medium) github
+ span Github
+ v-btn(dark large router href="/vuetify/quick-start").green.lighten-2
+ span Get Started
+ v-icon(right dark) chevron_right
+
+ section#development.text-xs-center.py-5
+ v-container(fluid)
+ v-layout(row)
+ v-flex(xs12)
+ img(
+ src="static/doc-images/featured.png"
+ width="100%"
+ style="max-width: 1024px"
+ )
+ h2.display-2 Supercharge your Development
+ span.headline With the power of Vue and Material Design
+
+ v-divider
+
+ section#features.pb-5.pt-3
+ v-container(style="max-width: 1024px")
+ v-layout(row wrap)
+ v-flex(sm12).my-5
+ v-layout(row)
+ v-flex(xs12 sm6 layout row align-center)
+ v-card.transparent.elevation-0.pa-3
+ v-card-title.pl-0.pt-0.headline Premade Templates
+ div.grey--text.text--darken-1 Vuetify comes ready to go with 5 pre-made vue-cli templates. Ranging from a simple html to a full blown SSR (server side rendered) application. No matter what the project, you are ready to go in minutes with your next great idea.
+ v-flex(xs6).hidden-xs-only
+ v-card(height="280px" img="/static/vuetify_cli.svg")
+ v-flex(sm12).my-5
+ v-layout(row)
+ v-flex(xs6).hidden-xs-only
+ v-card(height="280px" img="/static/vuetify_layout2.svg")
+ v-flex(xs12 sm6 layout row align-center)
+ v-card.transparent.elevation-0.pa-3
+ v-card-title.pl-0.pt-0.headline Custom layouts
+ div.grey--text.text--darken-1 Each and every available layout from the Material design spec is at your disposal. Create unique and flexible user interfaces that fit the scope of any task.
+ v-flex(sm12).my-5
+ v-layout(row)
+ v-flex(xs12 sm6 layout row align-center)
+ v-card.transparent.elevation-0.pa-3
+ v-card-title.pl-0.pt-0.headline Semantic components
+ div.grey--text.text--darken-1 Every component has been meticulously crafted to offer the easiest, most understandable interface and robust api of properties that will customize the experience delivered in your next application.
+ v-flex(xs6).hidden-xs-only
+ v-card(height="280px" img="/static/vuetify_semantic.svg")
+ v-flex(sm12).my-5
+ v-layout(row)
+ v-flex(xs6).hidden-xs-only
+ v-card(height="280px" img="/static/vuetify_sizes.svg")
+ v-flex(xs12 sm6 layout align-center)
+ v-card.transparent.elevation-0.pa-3
+ v-card-title.pl-0.pt-0.headline Material design framework
+ div.grey--text.text--darken-1 Be prepared to have an armada of specialized components at your disposal. With over 80 in total, there is a solution for any situation.
+
+ v-divider
+
+ section#sponsors.py-5.mb-0
+ v-container( fluid)
+ v-layout(row)
+ v-flex(xs10 offset-xs1).text-xs-center
+ h4.headline.text-xs-center.mb-5 Vuetify.js is proudly sponsored by
+ div(v-for="sponsor in sponsors").mb-5
+ a(:href="sponsor.href" target="_blank" :title="sponsor.title")
+ img(:src="sponsor.src")
+
+ section#support.py-5.grey.lighten-4.mb-0
+ v-container(fluid)
+ v-layout(row wrap).text-xs-center
+ v-flex(xs12).mb-5
+ h4.headline.pb-3 Support Vuetify.js
+ p Has Vuetify helped you create an amazing application? You can show your support by making a donation in one of two ways:
+ v-flex(xs12 sm6).mb-3
+ a(
+ href="https://www.patreon.com/vuetify"
+ target="_blank" rel="noopener"
+ ).black--text
+ div.display-1.mb-2 Patreon
+ img(src="/static/doc-images/patreon.png" width="125px")
+ v-flex(xs12 sm6).mb-3
+ a(
+ href="https://paypal.me/vuetify"
+ target="_blank" rel="noopener"
+ ).black--text
+ div.display-1.mb-2 Paypal
+ img(src="/static/doc-images/paypal.png" width="125px")
+
+ v-footer.secondary.white--text
+ v-layout(row flex)
+ v-flex(xs6)
+ span © {{ new Date().getFullYear() }} John Leider
+ v-flex(xs6).text-xs-right
+ span MIT License
+
+
+
+
+
diff --git a/releases/0.13/pages/IconView.vue b/releases/0.13/pages/IconView.vue
new file mode 100644
index 00000000..6fa547c7
--- /dev/null
+++ b/releases/0.13/pages/IconView.vue
@@ -0,0 +1,81 @@
+
+ component-view(v-bind:doc="doc")
+ v-alert(warning value)
+ span Custom font libraries such as Icomoon can overwrite the icon-
class and cause issues. While other icon packages can work, the only official support is for Material Icons, FontAwesome, and Material Design Icons.
+
+
+
diff --git a/releases/0.13/pages/LayoutsView.vue b/releases/0.13/pages/LayoutsView.vue
new file mode 100644
index 00000000..eb23f843
--- /dev/null
+++ b/releases/0.13/pages/LayoutsView.vue
@@ -0,0 +1,142 @@
+
+ component-view(v-bind:doc="doc")
+ div(slot='top')
+ section
+ h2.display-1 Default application markup
+ section-text This is the default application markup for Vuetify. The key is that drawer, toolbar, main and footer exist on the same level in the DOM. Using any one of the 5 pre-made vue-cli templates will automatically include this structure:
+ markup(lang='html')
+ |<v-app>
+ | <v-navigation-drawer></v-navigation-drawer>
+ | <v-toolbar></v-toolbar>
+ | <main>
+ | <v-container fluid>
+ | <router-view></router-view>
+ | </v-container>
+ | </main>
+ | <v-footer></v-footer>
+ |</v-app>
+ v-alert(info value="true") Keep in mind that for the purposes of these docs, the v-navigation-drawer
's have had their overflow removed and set to absolute positioning. In your application, you can choose to omit these properties.
+ v-alert(error value="true") In order for your application to work properly, you must wrap it in a v-app
component. If you absolutely cannot wrap your application, you must add corresponding class for your chosen theme. "application--light" or "application--dark" .
+
+
+
+
+
diff --git a/releases/0.13/pages/ListsView.vue b/releases/0.13/pages/ListsView.vue
new file mode 100644
index 00000000..f48aadb2
--- /dev/null
+++ b/releases/0.13/pages/ListsView.vue
@@ -0,0 +1,168 @@
+
+ component-view(v-bind:doc="doc")
+ blockquote The three-line prop uses -webkit-line-clamp
which is not supported on all browsers. If not supported, the line will just continue to wrap.
+
+
+
+
+
diff --git a/releases/0.13/pages/MenusView.vue b/releases/0.13/pages/MenusView.vue
new file mode 100644
index 00000000..1278237a
--- /dev/null
+++ b/releases/0.13/pages/MenusView.vue
@@ -0,0 +1,201 @@
+
+ component-view(v-bind:doc="doc" id="menus-view")
+
+
+
diff --git a/releases/0.13/pages/NavigationDrawerView.vue b/releases/0.13/pages/NavigationDrawerView.vue
new file mode 100644
index 00000000..39ad6b75
--- /dev/null
+++ b/releases/0.13/pages/NavigationDrawerView.vue
@@ -0,0 +1,112 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
+
+
diff --git a/releases/0.13/pages/PaginationView.vue b/releases/0.13/pages/PaginationView.vue
new file mode 100644
index 00000000..77999db3
--- /dev/null
+++ b/releases/0.13/pages/PaginationView.vue
@@ -0,0 +1,65 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
diff --git a/releases/0.13/pages/ParallaxView.vue b/releases/0.13/pages/ParallaxView.vue
new file mode 100644
index 00000000..6f2dffb8
--- /dev/null
+++ b/releases/0.13/pages/ParallaxView.vue
@@ -0,0 +1,65 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
+
+
diff --git a/releases/0.13/pages/PickersView.vue b/releases/0.13/pages/PickersView.vue
new file mode 100644
index 00000000..f002aea3
--- /dev/null
+++ b/releases/0.13/pages/PickersView.vue
@@ -0,0 +1,223 @@
+
+ component-view(v-bind:doc="doc")
+ v-alert(info value="true" slot="top").mb-5 Date/Time pickers store internally the current value of your model and only change once saved. This can be accomplished by using the actions
prop in conjunction with a scopedSlot to define your buttons, or by using the autosave
prop.
+
+
+
+
+
diff --git a/releases/0.13/pages/ProgressView.vue b/releases/0.13/pages/ProgressView.vue
new file mode 100644
index 00000000..554782db
--- /dev/null
+++ b/releases/0.13/pages/ProgressView.vue
@@ -0,0 +1,153 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
diff --git a/releases/0.13/pages/QuickStartView.vue b/releases/0.13/pages/QuickStartView.vue
new file mode 100644
index 00000000..aa728af2
--- /dev/null
+++ b/releases/0.13/pages/QuickStartView.vue
@@ -0,0 +1,155 @@
+
+ doc-view(id="quick-start-view")
+ v-layout(column-xs row-sm wrap)
+ v-flex(xs12 sm8 md12)
+ section-def
+ dt(slot="title") Getting Started
+ dd(slot="desc") Use one of the Vuetify.js Vue CLI packages (based on the official examples) to get your project started in no time. Vuetify.js supports SSR (server-side rendering), SPA (single page application), PWA (progressive web application) and standard HTML pages.
+ ad
+
+ section
+ section-header CDN Install
+ section-text To test using Vuetify.js without installing a template from Vue CLI, include the files below into the index
file of your application after the Vue.js script. Vuetify will automatically install and be ready to use.
+ markup(lang="html")
+ |// Font library and icon pack
+ |<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet" type="text/css">
+ |
+ |<script src="https://unpkg.com/vue/dist/vue.js"></script>
+ |
+ |// Vuetify.js required files
+ |<link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet" type="text/css">
+ |
+ |<script src="https://unpkg.com/vuetify/dist/vuetify.min.js"></script>
+
+ section
+ section-header New applications
+ section-text Vuetify has 5 pre-made Vue CLI templates, 3 which are forked from official Vue.js templates . They contain small modifications to help you get started with Vuetify even faster. These packages require vue-cli
. For more information on vue-cli, visit the official Github repository.
+ v-tabs(class="elevation-1 mb-5" grow icons dark)
+ v-tabs-bar(slot="activators")
+ v-tabs-slider
+ v-tabs-item(ripple href="#simple") Simple HTML
+ v-icon landscape
+ v-tabs-item(ripple href="#webpack") Webpack
+ v-icon web
+ v-tabs-item(ripple href="#webpack-advanced") Webpack Advanced
+ v-icon layers
+ v-tabs-item(ripple href="#webpack-ssr") Webpack SSR
+ v-icon cloud_circle
+ v-tabs-item(ripple href="#nuxt") NUXT
+ v-icon flash_on
+ v-tabs-content(id="simple")
+ v-card(flat)
+ v-card-text
+ h4 Simple HTML Quick Start
+ section-text This template is intended for users who want to try out Vue.js and Vuetify.js in the most simplistic way. It contains a basic index.html with no additional functionality. This is useful for developers who want to easily preview the features of the framework.
+ markup(lang="cli")
+ |$ vue init vuetifyjs/simple
+ section-text After the installation is complete, you are ready to go. Open the index.html
in any browser to get started.
+ v-tabs-content(id="webpack")
+ v-card(flat)
+ v-card-text
+ h4 Webpack Quick Start
+ section-text This template is intended for users who are already familiar with Vue/Webpack. It contains a very simple webpack setup and is targetted at developers creating prototype or basic applications.
+ markup(lang="cli")
+ |$ vue init vuetifyjs/webpack
+ v-tabs-content(id="webpack-advanced")
+ v-card(flat)
+ v-card-text
+ h4 Webpack Advanced Quick Start
+ section-text This template is intended for users who are looking for out of the box linting and unit testing.
+ markup(lang="cli")
+ |$ vue init vuetifyjs/webpack-advanced
+ v-tabs-content(id="webpack-ssr")
+ v-card(flat)
+ v-card-text
+ h4 Webpack SSR Quick Start
+ section-text This template is for advanced users looking to utilize the new Vue SSR (server-side rendering). Based off of the structure in the Vue.js 2 Hackernews repository. The Vuetify.js SSR template provides next generation functionality for advanced Vue applications.
+ markup(lang="cli")
+ |$ vue init vuetifyjs/webpack-ssr
+ v-tabs-content(id="nuxt")
+ v-card(flat)
+ v-card-text
+ h4 NUXT Quick Start
+ section-text Utilizing the power of NUXT, supercharge your development experience with a bootstraped version ready to go with Vuetify out of the box.
+ markup(lang="cli")
+ |$ vue init vuetifyjs/nuxt
+ section
+ section-header NPM Install
+ section-text After the vue-cli installation finishes, cd into your project directory and type npm install . Alternatively, if you are using Facebook's recently released yarn package manager , you can simply type yarn .
+
+ section-text Once the package installation is complete, type npm run dev into your console. This will start a nodejs server locally which can be accessed by navigating to http://localhost:8080 in your browser.
+
+ section
+ section-header Existing applications
+ section-text If you are wanting to use Vuetify in an existing project, you can install by using npm or yarn. Keep in mind, you will still need to include Vuetify, Roboto font library, and Material icon library css files as they are not part of the javascript import.
+ markup(lang="cli")
+ |$ npm install vuetify
+ |
+ |$ yarn add vuetify
+ section-text In your index.js, import Vuetify and apply the plugin to Vue.
+ markup(lang="js")
+ |import Vue from 'vue'
+ |import Vuetify from 'vuetify'
+ |
+ |Vue.use(Vuetify)
+ v-alert(error value) Warning: While Vuetify attempts to not cause any css collision as much as possible, there is no guarantee that your custom styles will not alter your experience when integrating this framework into your existing project.
+
+ section
+ section-header Support Browsers
+ section-text Vuetify.js is a progressive framework that attempts to push web development to the next level. In order to best accomplish this task, some sacrifices had to be made in terms of support for older versions of Internet Explorer.
+ v-list.transparent
+ v-layout(row wrap)
+ v-flex(
+ xs12 sm6 md4
+ v-for="browser in browsers"
+ v-bind:key="browser"
+ ).px-0
+ v-list-tile(avatar tag="ul")
+ v-list-tile-avatar
+ v-icon(fa dark).primary {{ browser.icon }}
+ v-list-tile-content
+ v-list-tile-title {{ browser.title }}
+ v-list-tile-sub-title {{ browser.supported ? 'Supported' : 'Not supported' }}
+ v-list-tile-action
+ v-icon(v-if="!browser.supported").error--text clear
+ v-icon(v-else).success--text check
+
+ section
+ section-header Internet Explorer 11 Support
+ section-text To use Vuetify.js with Internet Explorer, you must include a polyfill in your project. Vuetify.js can work with either polyfill.io or babel-polyfill . The polyfill must be loaded before your project source code. Other polyfills may be needed to use specific features in your project.
+
+ section-text Due to Internet Explorer's limited support for <template> tags, you must take care to send fully compiled dom elements to the browser. This can be done by either building your Vue code in advance or by creating helper components to replace the dom elements. For instance, if sent directly to IE, this will fail:
+
+ markup(lang="html")
+ | <template slot="items" scope="props">
+ | <td>{{ props.item.name }}</td>
+ |</template>
+
+ section-text With a <cell> helper component, this would succeed:
+
+ markup(lang="html")
+ |<template slot="items" scope="props">
+ | <cell>{{ props.item.name }}</cell>
+ |</template>
+
+ markup(lang="js")
+ | Vue.component('cell', { template: '<td><slot></slot></td>' });
+
+
+
+
diff --git a/releases/0.13/pages/RipplesView.vue b/releases/0.13/pages/RipplesView.vue
new file mode 100644
index 00000000..2a5b6db2
--- /dev/null
+++ b/releases/0.13/pages/RipplesView.vue
@@ -0,0 +1,36 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/pages/SSRView.vue b/releases/0.13/pages/SSRView.vue
new file mode 100644
index 00000000..1bbc9507
--- /dev/null
+++ b/releases/0.13/pages/SSRView.vue
@@ -0,0 +1,165 @@
+
+ div(class="view")
+ v-layout(column-xs row-sm)
+ v-flex(xs12 sm8 md12)
+ section-def
+ dt(slot="title") Overview
+ dd(slot="desc")
+ p This overview is designed to help you become fluent in Vuetify's Vue SSR Template. If you have not already installed the webpack-ssr
template, please do so here .
+ ad
+ v-alert(error value="true").mb-4 This guide is currently deprecated. It applies to a previous version of the Webpack-SSR template.
+ section
+ section-header Introduction
+ section-text This Vue CLI template was designed for performance, seo optimization and usability. This template is configured out of the box for css, sass and stylus pre-processors. It also utilizes buble
with webpack's buble-loader.
+ h6 Folder Structure
+ markup(lang="cli")
+ | / project
+ | / build
+ | - setup-dev-server.js
+ | - vue-loader.config.js
+ | - webpack.base.config.js
+ | - webpack.client.config.js
+ | - webpack.server.config.js
+ | / dist
+ | / public
+ | / src
+ | / css
+ | - main.css
+ | / components
+ | / router
+ | - index.js
+ | / sass
+ | - main.scss
+ | / store
+ | - index.js
+ | / stylus
+ | - main.styl
+ | / views
+ | - app.js
+ | - App.vue
+ | - client-entry.js
+ | - index.template.html
+ | - server-entry.js
+ | - .gitignore
+ | - README.md
+ | - package.json
+ | - server.js
+ section-text
+ p The Build folder contains all of the webpack specific build configurations for your project. Src is where all the development project files reside. Notice that the Webpack-SSR template is out-of-the-box configured to use Vue Router , Vuex , and the Vue Server Renderer . This will allow you to make simple or complex applications that are not only fast/efficient, but SEO friendly.
+ h3 Application
+ section-text
+ p Navigate to the src folder and open up App.vue
. Vuetify is a semantic-focused framework. The code you write should be easy to remember, and easy to manage. To do this, one of the main components of Vuetify is v-app
. This component allows you to define your application layout. This is used in conjunction with v-toolbar
, v-sidebar
, v-content
and v-footer
.
+ p The markup below tells the application that you have a top toolbar
and footer
. Once defined, the content area will be resized to accommodate. For more information on layouts, navigate to the Layouts section.
+ markup(lang="html")
+ |<v-app top-toolbar footer>
+ | <header>
+ | <v-toolbar>
+ | <v-toolbar-logo>Portfolio</v-toolbar-logo>
+ | </v-toolbar>
+ | </header>
+ | <main>
+ | <v-content>
+ | <v-container>
+ | <router-view></router-view>
+ | </v-container>
+ | </v-content>
+ | </main>
+ | <v-footer>2016</v-footer>
+ |</v-app>
+ h3 Routing
+ section-text The Webpack-SSR template uses the official Vue Router for controlling application flow. Located in /src/route/index.js
, all of your application routes and route logic will be defined here.
+ markup(lang="js")
+ |routes: [
+ | { path: '/', component: HomeView },
+ | { path: '/about', component: AboutView }
+ |]
+ section-text
+ p These routes can be accessed by creating a link to the specified path, or by using Vue Router's <router-link>
component. For more information, review the official Vue Router documentation .
+ h3 State Control
+ section-text
+ p State control is managed by the official Vuex library. This Vue plugin follows Facebooks' Reflux design pattern. Navigate to /src/store/index.js
. By default, Vuex is setup to prefetch data for the store before your page is initially rendered. To hook into this functionality, create a preFetch
method on your view component.
+ markup(lang="js")
+ |preFetch (store) {
+ | store.dispatch('GET_USER', 2)
+ |}
+ section-text
+ p This is useful for bootstrapping your application so that any necessary data is available before the initial render.
+ p For more information on State Control and Vuex, view the official documentation .
+ section-text
+ p Vuetify integrates into Vuex to allow for easy debugging and access to stored properties. You can also use watchers to hook into store states and react when they change. More information can be found here .
+ h3 Meta Data
+ section-text In order to ensure that page specific meta data is viewable when your pages are crawled, you can return an object containing title
, description
and keywords
.
+ markup(lang="js")
+ |preFetch (store) {
+ | store.dispatch('GET_USER', 2)
+ |
+ | return {
+ | title: 'Title',
+ | description: 'Description',
+ | keywords: 'keyword, keyword'
+ | }
+ |}
+ section-text
+ p While this takes care of initial render meta data, it is a good experience for a user when they change a page within your application to have the title change with it
+ p This can be done by publishing an event to the Vuetify bus
. This is the same functionality that is hooked into by the Webpack-SSR template when the pages are being initially rendered.
+ P Here is an example of a way that you can handle this:
+
+ markup(lang="js")
+ |// App.vue
+ |export default {
+ | methods: {
+ | view (meta) {
+ | this.$store.commit('vuetify/TITLE', meta.title)
+ | this.$store.commit('vuetify/DESCRIPTION', meta.description)
+ | this.$store.commit('vuetify/KEYWORDS', meta.keywords)
+ | }
+ | }
+ |}
+ |
+ |// View.vue
+ |export default {
+ | mounted () {
+ | this.$emit('view', this.meta())
+ | },
+ | preFetch () {
+ | return this.methods.meta()
+ | },
+ | methods: {
+ | meta () {
+ | return {
+ | title: 'Vuetify',
+ | description: 'A Vue JS Framework',
+ | keywords: 'vue, vuetify'
+ | }
+ | }
+ | }
+ |}
+ section-text In the example above, we emit an event that is captured on <router-view v-on:view="view">
. In our view, we have a meta method that is used by the router on view change, and the server for preFetching data. This allows pages to have proper meta information for crawling, but also change when the user is navigating to a different page.
+
+ section
+ section-header Web App Support
+ section-text Vuetify SSR has support for native Web Applications on smart phones. Also known as progressive web apps, your websites can be saved on the homescreen of a device, allowing it to be usable offline and receive push notifications. For more information on Web App Manifest's, navigate to the Mozilla Developer Network . To see a live example, add the Vuetify documentation on your mobile device's homescreen.
+
+
+
diff --git a/releases/0.13/pages/SandboxView.vue b/releases/0.13/pages/SandboxView.vue
new file mode 100644
index 00000000..23d2c47e
--- /dev/null
+++ b/releases/0.13/pages/SandboxView.vue
@@ -0,0 +1,27 @@
+
+ doc-view#sandbox-view
+ v-layout(column-xs row-sm wrap)
+ v-flex(xs12 sm8 md12)
+ section-def
+ dt(slot="title") Sandbox
+ dd(slot="desc") This page will allow you to configure the various settings available to you when setting up a layout with Vuetify.
+ ad
+ section
+ v-layout
+ v-flex(xs12)
+ component-example(
+ header="Application"
+ file="sandbox/1"
+ )
+
+
+
+
+
diff --git a/releases/0.13/pages/SelectView.vue b/releases/0.13/pages/SelectView.vue
new file mode 100644
index 00000000..137ac0f7
--- /dev/null
+++ b/releases/0.13/pages/SelectView.vue
@@ -0,0 +1,121 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
+
+
diff --git a/releases/0.13/pages/SelectionControlsView.vue b/releases/0.13/pages/SelectionControlsView.vue
new file mode 100644
index 00000000..ec506e07
--- /dev/null
+++ b/releases/0.13/pages/SelectionControlsView.vue
@@ -0,0 +1,139 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
+
+
diff --git a/releases/0.13/pages/SliderView.vue b/releases/0.13/pages/SliderView.vue
new file mode 100644
index 00000000..58a46758
--- /dev/null
+++ b/releases/0.13/pages/SliderView.vue
@@ -0,0 +1,70 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
+
+
diff --git a/releases/0.13/pages/SnackbarView.vue b/releases/0.13/pages/SnackbarView.vue
new file mode 100644
index 00000000..bdd248d6
--- /dev/null
+++ b/releases/0.13/pages/SnackbarView.vue
@@ -0,0 +1,87 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
+
+
diff --git a/releases/0.13/pages/SpacingView.vue b/releases/0.13/pages/SpacingView.vue
new file mode 100644
index 00000000..a0f95a0a
--- /dev/null
+++ b/releases/0.13/pages/SpacingView.vue
@@ -0,0 +1,82 @@
+
+ doc-view(id="spacing-view")
+ v-layout(column-xs row-sm)
+ v-flex(xs12 sm8 md12)
+ section-def
+ dt(slot="title") Spacing
+ dd(slot="desc") Update your layout without creating new classes. Spacing helpers are useful for modifying the padding and margin of an element.
+ ad
+ section
+ h6 Type
+ ul.mb-5
+ li m
- to set margin
+ li p
- to set padding
+ h6 Direction
+ ul.mb-5
+ li t
- to set top
+ li r
- to set right
+ li b
- to set bottom
+ li l
- to set left
+ li x
- to set x-axis
+ li y
- to set y-axis
+ li a
- to set all
+ h6 Size
+ ul.mb-5
+ li 0
- removes margin or padding for specified direction
+ li 1
- applies margin or padding with 16px * .25
+ li 2
- applies margin or padding with 16px * .50
+ li 3
- applies margin or padding with 16px
+ li 4
- applies margin or padding with 16px * 1.5
+ li 5
- applies margin or padding with 16px * 3
+ section
+ h6 Example of spacers variable
+ markup(lang="html")
+ |<p class="mt-1">...</p>
+ |
+ |<li class="pb-2">...</li>
+ |
+ |<v-btn class="primary ma-3">...</v-btn>
+ markup(lang="stylus")
+ |$spacer := 16px
+ |$spacer-x := $spacer
+ |$spacer-y := $spacer
+ |
+ |$spacers := {
+ | zero: {
+ | x: 0,
+ | y: 0
+ | },
+ | one: {
+ | x: ($spacer-x * .25),
+ | y: ($spacer-y * .25)
+ | },
+ | two: {
+ | x: ($spacer-x * .5),
+ | y: ($spacer-y * .5)
+ | },
+ | three: {
+ | x: $spacer-x,
+ | y: $spacer-y
+ | },
+ | four: {
+ | x: ($spacer-x * 1.5),
+ | y: ($spacer-y * 1.5)
+ | },
+ | five: {
+ | x: ($spacer-x * 3),
+ | y: ($spacer-y * 3)
+ | }
+ |}
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/pages/SteppersView.vue b/releases/0.13/pages/SteppersView.vue
new file mode 100644
index 00000000..57a39ea4
--- /dev/null
+++ b/releases/0.13/pages/SteppersView.vue
@@ -0,0 +1,134 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
diff --git a/releases/0.13/pages/SubheaderView.vue b/releases/0.13/pages/SubheaderView.vue
new file mode 100644
index 00000000..63386bc4
--- /dev/null
+++ b/releases/0.13/pages/SubheaderView.vue
@@ -0,0 +1,35 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
diff --git a/releases/0.13/pages/TabsView.vue b/releases/0.13/pages/TabsView.vue
new file mode 100644
index 00000000..e30fe1db
--- /dev/null
+++ b/releases/0.13/pages/TabsView.vue
@@ -0,0 +1,133 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
+
+
diff --git a/releases/0.13/pages/TextFieldsView.vue b/releases/0.13/pages/TextFieldsView.vue
new file mode 100644
index 00000000..20122850
--- /dev/null
+++ b/releases/0.13/pages/TextFieldsView.vue
@@ -0,0 +1,169 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
+
+
diff --git a/releases/0.13/pages/ThemeView.vue b/releases/0.13/pages/ThemeView.vue
new file mode 100644
index 00000000..dff4cb35
--- /dev/null
+++ b/releases/0.13/pages/ThemeView.vue
@@ -0,0 +1,98 @@
+
+ doc-view
+ v-layout(column-xs row-sm wrap)
+ v-flex(xs12 sm8 md12)
+ section-def
+ dt(slot="title") Theme
+ dd(slot="desc") Vuetify offers the ability to easily change the colors of your application.
+ ad
+ section
+ section-header Light and Dark
+ section-text You can set your application's default theme by setting the dark
or light
prop on surrounding v-app
component.
+ section-text This will assign default colors to all components based upon your choice. This can be confusing sometimes, for example:
+ markup
+ |<v-icon light>list</v-icon>
+ section-text You may expect the icon to be tinted towards white, but this is the exact opposite, as some components have a dark tint on a light theme, such as v-divider
.
+ section
+ section-header Customizing
+ section-text The default theme hash looks like the example below:
+ markup(lang="stylus")
+ |$theme := {
+ | primary: $blue.darken-2
+ | accent: $blue.accent-2
+ | secondary: $grey.darken-3
+ | info: $blue.base
+ | warning: $amber.base
+ | error: $red.base
+ | success: $green.base
+ |}
+ section-text In order to change these variables, we have to create our array before the import of the Vuetify styles. You will need to setup your build process to accommodate a stylus file. If you are using one of the pre-made templates available on the Quick Start guide, you can skip this next section.
+ h6 Setup stylus-loader with Webpack
+ section-text In the command line, run:
+ markup(lang="cli")
+ |npm i stylus stylus-loader style-loader css-loader --save-dev
+ section-text This will install the dependecies needed to import stylus files. Once installed, open your webpack config and add an additional rule:
+ markup(lang="javascript")
+ |{
+ | test: /\.styl$/,
+ | loader: ['style', 'css', 'stylus']
+ |}
+ section-text This will tell webpack how to handle a .styl file when imported. Next, we need to create the main entry point. Create a folder called stylus
in your src directory with a file named main.styl
. Once done, open the .styl file and add this entry.
+ markup(lang="stylus")
+ |// main.styl
+ |@import '../../node_modules/vuetify/src/stylus/main'
+ section-text Keep in mind that the relative location of node_modules may differ in your project so adjust accordingly. You have 2 options for import location, either your main App.vue
or app.js
.
+ markup(lang="javascript")
+ |// app.js
+ |require('./stylus/main.styl')
+ markup(lang="html")
+ |// App.vue
+ |<style lang="stylus">
+ | @import './stylus/main'
+ |</style>
+ section-text After you have decided on your import location, if you are requiring the Vuetify stylesheet by a <link> tag in your index file, remove it. Restart your build processes and re-open your project. You should see all of the styles working correctly.
+ h6 Modify your theme
+ section-text Now that stylus is configured, we can create a custom $theme
hash containing the application specific styles. Keep in mind, if you want to use the built in color pack variables, i.e. $grey.lighten-3
you will need to import the color file at the top of your main.styl
file. For a list of colors available, navigate to the Colors section of the documentation.
+ markup(lang="stylus")
+ |@import '../../node_modules/vuetify/src/stylus/settings/_colors'
+ |
+ |@import '../../node_modules/vuetify/src/stylus/main'
+ section-text After you have decided on your color pallete, simply create a new hash:
+ markup(lang="stylus")
+ |@import '../../node_modules/vuetify/src/stylus/settings/_colors'
+ |
+ |$theme := {
+ | primary: $red.darken-2
+ | accent: $red.accent-2
+ | secondary: $grey.lighten-1
+ | info: $blue.lighten-1
+ | warning: $amber.darken-2
+ | error: $red.accent-4
+ | success: $green.lighten-2
+ |}
+ |
+ |@import '../../node_modules/vuetify/src/stylus/main'
+
+
+
diff --git a/releases/0.13/pages/ToolbarsView.vue b/releases/0.13/pages/ToolbarsView.vue
new file mode 100644
index 00000000..34c86a7b
--- /dev/null
+++ b/releases/0.13/pages/ToolbarsView.vue
@@ -0,0 +1,182 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
+
+
diff --git a/releases/0.13/pages/TooltipsView.vue b/releases/0.13/pages/TooltipsView.vue
new file mode 100644
index 00000000..cce90efd
--- /dev/null
+++ b/releases/0.13/pages/TooltipsView.vue
@@ -0,0 +1,73 @@
+
+ component-view(v-bind:doc="doc")
+
+
+
+
+
diff --git a/releases/0.13/pages/TransitionsView.vue b/releases/0.13/pages/TransitionsView.vue
new file mode 100644
index 00000000..7ae47229
--- /dev/null
+++ b/releases/0.13/pages/TransitionsView.vue
@@ -0,0 +1,43 @@
+
+ component-view(:doc="doc")
+ h6 Create your own
+ section-text You can use Vuetify's transition helper function to easily create your own custom transitions. This function will return an object that you can import into Vue. Using Vue's functional component option will make sure your transition is as efficient as possible. Simply import the function:
+ markup(lang="javascript")
+ |import { createSimpleTransition } from '../../node_modules/vuetify/src/util/helpers'
+ |
+ |const myTransition = createSimpleTransition('my-transition')
+ |
+ |Vue.component('my-transition', myTransition)
+ section-text The createSimpleTransition
function accepts 1 argument, name. This will be the name that you can hook into with your style. This is an example of what v-fade-transition
looks like:
+ markup(lang="stylus")
+ |.fade-transition
+ | &-leave-active
+ | position: absolute
+ |
+ | &-enter-active, &-leave, &-leave-to
+ | transition: $primary-transition
+ |
+ | &-enter, &-leave-to
+ | opacity: 0
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/pages/TypographyView.vue b/releases/0.13/pages/TypographyView.vue
new file mode 100644
index 00000000..b4e4caea
--- /dev/null
+++ b/releases/0.13/pages/TypographyView.vue
@@ -0,0 +1,113 @@
+
+ doc-view(id="typography-view")
+ v-layout(column-xs row-sm wrap)
+ v-flex(xs12 sm8 md12)
+ section-def
+ dt(slot="title") {{ doc.title }}
+ dd(slot="desc") {{ doc.desc }}
+ ad
+ section
+ section-header Examples
+ div(class="component-example")
+ div(class="component-example__container")
+ dl(class="headings")
+ dt(class="primary") h1
+ dd
+ div(class="display-4 grey--text text--darken-1") Light 112sp
+ strong display-4
+ span font-weight 300
+ dt(class="primary") h2
+ dd
+ div(class="display-3 grey--text text--darken-1") Regular 56sp
+ strong display-3
+ span font-weight 400
+ dt(class="primary") h3
+ dd
+ div(class="display-2 grey--text text--darken-1") Regular 45sp
+ strong display-2
+ span font-weight 400
+ dt(class="primary") h4
+ dd
+ div(class="display-1 grey--text text--darken-1") Regular 34sp
+ strong display-1
+ span font-weight 400
+ dt(class="primary") h5
+ dd
+ div(class="headline grey--text text--darken-1") Regular 24sp
+ strong headline
+ span font-weight 400
+ dt(class="primary") h6
+ dd
+ div(class="title grey--text text--darken-1") Medium 20sp
+ strong title
+ span font-weight 500
+ dt(class="primary") s
+ dd
+ div(class="subheading grey--text text--darken-1") Regular 16sp
+ strong subheading
+ span font-weight 400
+ dt(class="primary") b2
+ dd
+ div(class="body-2 grey--text text--darken-1") Medium 14sp
+ strong body-2
+ span font-weight 500
+ dt(class="primary") b1
+ dd
+ div(class="body-1 grey--text text--darken-1") Regular 14sp
+ strong body-1
+ span font-weight 400
+ dt(class="primary") c
+ dd
+ div(class="caption grey--text text--darken-1") Regular 12sp
+ strong caption
+ span font-weight 400
+
+
+
+
+
\ No newline at end of file
diff --git a/releases/0.13/pages/i18n/Layout/en.js b/releases/0.13/pages/i18n/Layout/en.js
new file mode 100644
index 00000000..ce59dc6d
--- /dev/null
+++ b/releases/0.13/pages/i18n/Layout/en.js
@@ -0,0 +1,46 @@
+module.exports = {
+ title: 'Layouts',
+ id: 'layout-view',
+ edit: 'LayoutsView',
+ component: 'app',
+ desc: 'The layout system is the heart of every application. Below are the officially supported examples, ranging from desktop to mobile applications.',
+ examples: [
+ {
+ header: 'Structure',
+ file: 'layouts/1',
+ desc: `The default structure of the Vuetify layout is one of the few opinionated designs you will encounter in the framework. It is done so that each layout is easy to understand and works as expected for any given scenario. Below is the baseline structure for a layout. It includes a navigation drawer, toolbar, right navigation drawer, content and footer.`
+ },
+ {
+ header: 'Permanent drawer',
+ file: 'layouts/2',
+ desc: `Permanent navigation drawers are default open. These are used for applications that are desktop only and are not openable or closeable.`
+ },
+ {
+ header: 'Permanent clipped drawer',
+ file: 'layouts/3'
+ },
+ {
+ header: 'Permanent floating drawer',
+ file: 'layouts/4'
+ },
+ {
+ header: 'Permanent floating drawer in a card',
+ file: 'layouts/5'
+ },
+ {
+ header: 'Persistent',
+ file: 'layouts/6',
+ desc: `Permanent navigation drawers are default open. These are used for applications that are desktop only and are not openable or closeable.`
+ },
+ {
+ header: 'Temporary',
+ file: 'layouts/7'
+ },
+ {
+ header: 'Dark theme',
+ file: 'layouts/8',
+ desc: `Vuetify also supports the dark application theme. This will not override components that have default themes so in some cases it will be necessary to manually set the dark theme accents.`
+ }
+ ],
+ props: []
+}
\ No newline at end of file
diff --git a/releases/0.13/public/0.2e3c1b059e02cca09bdf.js b/releases/0.13/public/0.2e3c1b059e02cca09bdf.js
new file mode 100644
index 00000000..0cbaaf38
--- /dev/null
+++ b/releases/0.13/public/0.2e3c1b059e02cca09bdf.js
@@ -0,0 +1 @@
+webpackJsonp([0],{315:function(t,e,n){var r=n(0)(n(558),n(905),null,null,null);t.exports=r.exports},419:function(t,e,n){var r=n(34)("wks"),i=n(36),o=n(5).Symbol,a="function"==typeof o;(t.exports=function(t){return r[t]||(r[t]=a&&o[t]||(a?o:i)("Symbol."+t))}).store=r},420:function(t,e){t.exports={}},421:function(t,e,n){var r=n(26).f,i=n(27),o=n(419)("toStringTag");t.exports=function(t,e,n){t&&!i(t=n?t:t.prototype,o)&&r(t,o,{configurable:!0,value:e})}},422:function(t,e,n){var r=n(30),i=n(419)("toStringTag"),o="Arguments"==r(function(){return arguments}()),a=function(t,e){try{return t[e]}catch(t){}};t.exports=function(t){var e,n,s;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=a(e=Object(t),i))?n:o?r(e):"Object"==(s=r(e))&&"function"==typeof e.callee?"Arguments":s}},423:function(t,e,n){t.exports=n(5).document&&document.documentElement},424:function(t,e,n){"use strict";var r=n(425),i=n(8),o=n(433),a=n(25),s=n(27),c=n(420),u=n(428),f=n(421),l=n(432),v=n(419)("iterator"),p=!([].keys&&"next"in[].keys()),h=function(){return this};t.exports=function(t,e,n,d,m,_,g){u(n,e,d);var y,x,b,w=function(t){if(!p&&t in k)return k[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},P=e+" Iterator",j="values"==m,C=!1,k=t.prototype,O=k[v]||k["@@iterator"]||m&&k[m],S=O||w(m),A=m?j?w("entries"):S:void 0,T="Array"==e?k.entries||O:O;if(T&&(b=l(T.call(new t)))!==Object.prototype&&(f(b,P,!0),r||s(b,v)||a(b,v,h)),j&&O&&"values"!==O.name&&(C=!0,S=function(){return O.call(this)}),r&&!g||!p&&!C&&k[v]||a(k,v,S),c[e]=S,c[P]=h,m)if(y={values:j?S:w("values"),keys:_?S:w("keys"),entries:A},g)for(x in y)x in k||o(k,x,y[x]);else i(i.P+i.F*(p||C),e,y);return y}},425:function(t,e){t.exports=!0},426:function(t,e,n){var r=n(420),i=n(419)("iterator"),o=Array.prototype;t.exports=function(t){return void 0!==t&&(r.Array===t||o[i]===t)}},427:function(t,e,n){var r=n(24);t.exports=function(t,e,n,i){try{return i?e(r(n)[0],n[1]):e(n)}catch(e){var o=t.return;throw void 0!==o&&r(o.call(t)),e}}},428:function(t,e,n){"use strict";var r=n(430),i=n(29),o=n(421),a={};n(25)(a,n(419)("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=r(a,{next:i(1,n)}),o(t,e+" Iterator")}},429:function(t,e,n){var r=n(419)("iterator"),i=!1;try{var o=[7][r]();o.return=function(){i=!0},Array.from(o,function(){throw 2})}catch(t){}t.exports=function(t,e){if(!e&&!i)return!1;var n=!1;try{var o=[7],a=o[r]();a.next=function(){return{done:n=!0}},o[r]=function(){return a},t(o)}catch(t){}return n}},430:function(t,e,n){var r=n(24),i=n(431),o=n(33),a=n(28)("IE_PROTO"),s=function(){},c=function(){var t,e=n(32)("iframe"),r=o.length;for(e.style.display="none",n(423).appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write("