v0.12.2

New things

While updating v-date-picker for #596, I decided to do a small QoL change to how the date-format prop works. Now, v-model will always emit an ISO formatted date string. There is a new prop, formatted-value which will emit the date-format function. This will allow you to get a custom date format without jumping through hoops with computed properties. I also added the ability to pass a timestamp as the model value. A new documentation example has been added showing how to use this new functionality.

Things we fixed

• #603 Added default transform so v-parallax doesn't appear to jump when loading in some situations c003fac
• #601 Fixed a bug where default slot was not working properly in v-tabs a56114b
• #591 Fixed a bug where 0 was being interpreted as false when checking if v-text-field had data or not 10be646
• #571 Added hide-overlay prop in the overlayable mixin to actually check the property c03425f
• #572 Fixed a bug where v-card with the horizontal prop had border radius on the inside of the image 9f23bca
• #579 Fixed a rendering issue with v-tooltip on IE11
• #587 Fixed a bug where the disabled state of v-text-field was not properly showing the bottom dotted border a6ec4f7
• #596 Fixed a bug in v-date-picker where an improper comparison could cause an error.

Things you fixed

• #560 Fixed file permissions on all files (thanks @stephane) 1040657

v0.12.1

Things we fixed

• #571 Fixed a bug where hide-overlay prop was not being evaluated in v-navigation-drawer c03425f
• #572 Corrected v-card with the horizontal prop border radius 9f23bca
• #579 Fixed a bug where tooltips did not display properly on IE11 46897b8
• #587 Fixed display issue where disabled bottom dotted border was not displaying for v-text-field a6ec4f7

v0.12.0

Guardians of Development

Hello again! I am very excited to bring to you one of the most impactful updates that we have released since the launch of Vuetify back in December. The documentation has been 100% overhauled from top to bottom to offer the best possible experience when coding with Vuetify. Every example provided has been converted to a full .vue component with source code available from template, script, and style. This should be a great asset in removing some of the magic that is not seen with the current examples and help you better understand how things work. Along with the technical updates, you'll be able to enjoy a better visual design and navigation throughout the entire platform.

This release also comes with a completely overhauled layout and grid system. Depending on your design, one of the more complicated features of Vuetify was the layout system. What was initially aimed to be flexible, turned into a nightmare for some users. Combined with poor examples, if you had issues, you were heading to gitter to talk to someone. This change was a difficult one for a few reasons. Specifically, the more opiniated approach that had to be taken. This approach, however, offers a great deal of flexibility and guarantees that your development time will not be wasted on getting the layout to work. The new grid system, originally spearheaded by developer @dohomi, has been rebuilt to really allow you to utilize the power of flex box. For most, the only thing changing will be the component's tag. Whereas for others, a more powerful system awaits.

Better themeing options have been propagated throughout the entire framework. This will give you better control over the colors of various components. One of the challenges with moving the Material Design theme options over was the difference between a light and dark theme. This varied by component and sometimes had us scratching our head for which color to use. Some components would have white for a dark theme and some would have black. To simplify this, we have determined that light and dark will refer to the color used on the component. Light corresponds to a base color of white, and dark is black.

Tabs have received quite a few updates this release, ranging from better router support to better themeing options. One of the difficulties encountered was how do we handle these theme changes? Take in props, such as bg-color and slider-color, or abstract these components so the dev can explicity specify how they would like to handle it. This was accompanied by a few naming changes to make sure it was easy to remember names, such as v-tab-item changing to v-tabs-item. For more information, you can checkout the documentation here

Lastly, I have opened up a Patreon and Paypal to allow developers to donate to the project. I greatly appreciate the community support, which surprisingly has been asking to donate to Vuetify's development. I am very humbled and greatly appreciative of the support. Keep coding hard and keep pushing forward.

New things

• #352 v-breadcrumbs-item can now be used with vue-router beb2c79
• #372 Added caption, body-1 and body-2 helper classes for Typography e481c08
• #376 Added prefix and suffix support to v-text-field 9972e95
• #385 Removed initial transition in tabs
• #386 Converted padding and margins in helper classes and components to be based off of px instead of rem dbc4909
• #387 Removed explicit box-shadow removal for cards inside of v-tabs-content c6898d8
• #446 Added server side pagination and sorting support to v-data-table 7c0d381
• #448 Added the ability to specify allowed-dates in v-date-picker b08d192
• #450 v-text-field now supports an explicit placeholder declaration b9f08c0
• #460 v-text-field now supports the readonly property 15767f3
• #461 Added box-shadow to v-dialog 0735d42
• #465 v-data-table will now automatically sort the first sortable column if none is specified a7ae1ec
• #497 Added disabled prop functionality to v-dialog 3d587e3
• #517 Added dynamic overflow so that selects will not be hidden inside of v-tabs-content 917cdcc
• #516 #498 #400 Added better support/control of pagination and sorting in v-data-table. The entry point for items has moved from v-model to the items prop. v-model will now return the selected items within the data-table. Fixed vuex prop mutation errors. aa6e13e
• #535 Added explicit for declaration on v-text-field's label if the id attribute is used 8f3ebc4
• #546 Added ability to specify a target for a v-list-tile. This change also affects any component that can use the route prop 701dc61
• The entire grid system has been revamped, see above for more information
• Added theme options to components.
• Added flat property to v-card which specifies no box-shadow
• Added default transition to v-toolbar aeabc37
• The v-navigation-drawer (old v-sidebar) is now within MD spec and has an array of new props to utilize
• v-icon now supports Font Awesome out of the box
• v-data-table now supports sorting within nested properties 4139aa6
• v-navigation-drawer (old v-sidebar) now supports an overlay scrim
• v-app no longer requires declaration of the type of layout being used
• v-card-row is now a functional component
• v-icon is now a functional component
• v-icon will now look proper when placed inline with text 29c937f
• Added default slot to v-parallax
• v-select will now by default return the value of the selected item, or array of values in the case of multiple. A new prop has been added, return-object if you would like to maintain the same functionality from before c7cc6b6
• v-date-picker now has the years ordered descending 8f0eb59
• All selection controls now have the proper Material Design theme by default. This can still be overwritten 868ea0f
• Changed border radius of v-chip with label property cc7e440
• Added flat prop to v-card, forces elevation-0 048c066

Things we removed

• v-content

Things we broke

• v-sidebar is now v-navigation-drawer
• v-row is now v-layout
• v-col is now v-flex
• v-tabs has a new structure and new components, see above
• v-app has been completely overhauled with a new layout system

Things we fixed

• #368 Fixed a bug where mobile tabs were not showing scroll arrows faee3c0
• #438 Fixed bug where .btn--raised class was still being applied to flat buttons e22ef96
• #441 Fixed a bug where tooltips were inheriting text-transform f34bb69
• #451 Fixed a bug where v-dialog was setting the model twice on close
• #466 Fixed a bug where the v-tab-reverse-transition was not working properly
• #470 v-date-picker buttons have been converted to anchor tags a315166
• #471 Fixed a bug where v-select would overflow inside of v-dialog c2d0cbf
• #473 The v-tabs component will now properly highlight the active route when used as a router 6890bb5
• #476 Fixed a bug where dynamic v-tab-item's would not work 271699c
• #478 Fixed a bug where the v-click-outside directive would attempt to remove an event listener from an already removed element e0890dd...

v0.11.1

Bug fixes and more

This release contains a change that could be considered not appropriate for a patch release, but seeing as it is very close to release and the effect should be minimal, I'm including it.

Updates

• v-dialog no longer has v-card explicitly built in.
• v-overlay no longer removes scroll
• v-dialog default width is now 290px

Bugs

• #410 Fixed a bug where pagination comparison was not properly highlighting 4b0c606
• #411 Removed logic for disabling scroll
• #425 Fixed a bug where the focus method did not actually focus the input, only applied styles d0e8e1a
• #424 Fixed bug where v-time-picker in 24hr mode was still emitting 'am' 5a45a33

v0.11.0

The time is now!

After much patience from the community, the Vuetify team is finally bringing a long awaited component to the fold, Pickers. This release brings us to about 2 components left before we have met MD spec. This does not include the small changes that were made in the April 2017 MD spec update.

Upcoming

The next release, v0.12.0 will be focused on bug fixes, enhancement and performance. As of right now, there are no planned components.

Breaking Changes

• Modal has been refactored and is now named Dialog
  • v-modal -> v-dialog

New Components

#380

• Date Picker - spec
• Time Picker - spec

Updated Components

• #366 Modal - now Dialog, v-dialog

Improvements

• #331 v-data-table will now default sort by the first column if non is specified (thanks @nekosaur)
• #367 Added cross-env to package.json for windows machines (thanks @simonwjackson)
• #335 Added maxlength support to v-text-field a8cb18f
• #340 Added ability to change initial row value in v-data-table 0683d64
• #355 Added focus method to text-field a8cb18f
• #356 Added ability to change Rows per page text on v-data-table f8ee52d
• #292 You can now use any value that will evaluate to (Boolean) ** True** when controlling the visible state of components 1d4e6e9
• #260 Added copyright and version info to dist build 6bd2d07

Bug Fixes

• #392 v-tabs now properly supports router functionality. d1a9c8e
• #388 v-slider will now properly stay within its container if its model is updated past the current max value a4138ea
• #394 Removed margin from v-btn when placed in a v-card-title aacb0b9
• #395 Modified comparison for filtering to exclude null values in v-data-table 0a5d6bf
• #382 Fixed z-index on a non-fixed v-sidebar when sidebar-under-toolbar prop is used 8606c4d
• #381 Fixed menu display a css bleed from v-expansion-panel to v-list. 56504fb
• #371 Fixed a bug where v-snackbar would not reset timeout when closed and re-opened before the timer expired c2d0ec8
• #338 Fixed a bug where button icons could be cut off 6b30d15
• #348 #349 Fixed a bug where dynamic content would get cut off in v-list and v-expansion-panel 6c17a3a
• #350 Fixed a bug where form hint text was inheriting the wrong color 1fff966
• #351 Fixed a bug where v-list-group would expand even when disabled 193a656
• #357 Removed improper v-model manipulation in v-select b7aaee8

v0.10.4

Bug Fixes

• Fixed a bug where the incorrect columns were being sorted. Header array now requires a value prop on the object which denotes the field it sorts 63afd50
• Fixed a bug where v-tooltip was blurry on Chrome 6f33b7e
• #324 Can now apply multiple classes to v-ripple directive 962cd21
• #323 Fixed bug which causes console error when manipulating v-text-field in the v-edit-dialog 8b486e5
• #317 Updated v-btn component name for NUXT error 96cad59
• Fixed a bug where a v-text-field in a modal would cause the modal to try to close, causing a visual jerk 95dbe8a
• Fixed a bug where v-tabs with the centered prop would clip the text on small resolutions aebc542
• #332 Updated v-data-table filtering to clone the input array before mutation for Vuex strict mode 3e3370a
• #328 Added fallbacks for no search results and no data in table 8145cbe

v0.10.3

Bugs

• Fixed a bug where elevation was not getting important

v0.10.2

Bug Fixes

• Fixed a bug where input height was being calculated on regular text input 20d859a
• Added !important to elevation helper classes

v0.10.0

The Dawn of Data tables

With the next release, we are bringing a long awaited component to the fold, v-data-table. Created by spec and utilizing the power of Vue.js scoped slots, you can now create powerful CRUD applications. Included is the v-edit-dialog which is geared towards inline editing. As we near closer to completing 100% Material Design spec, the Official Documentation has received a minor face lift to better layout the location of various guides and components.

• Added new style customization guide
• Added new elevation section
• Added event tab on component parameters

New Components

• Data tables documentation
• Edit dialog documentation
• Bottom navigation documentation
• Added transition components documentation

Updated Components

• Numerous components have been refactored to functional components:
  • v-app
  • v-footer
  • v-card
  • v-list-tile-action

Enhancements

• Added elevation helper class
• #250 Added ability to specify initial row count with v-text-field with multi-line prop f0c781a
• #256 Added tabindex to all form components. Added focus state for selection-controls. 2875b97
• #265 Added elevation display helper classes 3edb020
• #261 Added absolute property on v-snackbar 62a6379
• #158 Added ability to place v-text-field in v-toolbar cc917e7
• Added lazy property to v-list-group and v-menu. This will not render items until clicked, drastically increasing performance 0783dc5
• Added watcher for rules to change which will cause a re-validation 0bffe0d
• #289 Added ability to define the exact property on all router-link supporting components ef33c16
• #285 Added focus and blur event emits on v-text-field 8a5c2da
• #305 Added new raised and hover props to v-card fa077df (thanks @mfferreira)
• Added absolute prop to v-sidebar ada273d

Bug Fixes

• Fixed bug with tab transition 0348820
• #251 Added ability to specify a custom background f0c781a
• #259 Fixed sidebar-under-toolbar positioning d8fdb55
• #270 Fixed a bug with v-menu where position was improperly set 3898a1e
• #268 Added border radius to v-btn hover 54295dd
• Removed id declaration in v-tab-content e44fa91
• Fixed a bug where a v-menu would cause inputs to not line up 6928743
• #295 Fixed typo with font fallback 70e25e5 (thanks @stevgouws)
• #275 Fixed a bug where dynamic groups in v-list not working 36fa5c7
• #305 Fixed bug where v-text-field with the multi-line prop could have a 0 height f59edfc
• Fixed a bug where a vertical stepper would not properly render v-card-text content a7bef8b

v0.9.4

Bug Fixes

#253 Fixed a bug where input height would be calculated when text-field was not multi-linecbd97724540a0abf1ea9e1789f46905a12c0f186