v0.8.7

Another Large Update

With this release, the focus was on refactoring lists to meet Material Design spec, finish up the progress-linear component, and add additional api options for the sidebar by integrating lists. Some extra effort has been put into the docs regarding lists and as time permits, I intend to flesh out other sections just as much.

Breaking Changes

In refactoring the lists, I decided to move their functionality to the sidebar. Is is technically an expansion list and it made since to provide the additional functionality. Other components will be receiving name changes in the future, so to help with knowing some of the upcoming changes, I have updated the wiki on this repo, outlining the prospected changes coming in future releases. For more information, visit the roadmap wiki.

If you are using the items prop, the new available options are:

{ 
 href: 'javascript:;', 
 title: false, 
 subtitle: false, 
 avatar: false, 
 router: false, 
 ripple: false, 
 action: false, 
 disabled: false, 
 tag: false, 
 items: [] 
}

text is now title, icon is now avatar. By default, lists generated by an items array will generate the list tile in this order: avatar, content (title/subtitle) and action. To shift the action to the left, use the unshift option on the sidebar.

If you were explicitly using sidebar, sidebar-items, etc, you will need to use the new list markup. For additional information, please see the lists documentation or the sidebar documentation.

Lists have been refactored and include all new semantic components, for additional information, read below or check the documentation.

New Components

• Added the progress-linear component. documentation
• Added the divider component. Documentation is not complete, but available options are listed in the lists documentation
• Added functional component v-table-overflow for tables that need overflow-x (removed overflow-x from cards)

Refactored Components

• Lists has received a complete overhaul and is now 100% within material design spec. documentation
• Sidebar now uses lists and is merely a wrapper to provide some additional functionality.

Improvements

• Changed v-navbar-side-icon icon to menu
• Removed overflow-x from cards which was used for tables. Tables now have a special overflow wrapper, see above.
• Cleaned up checkbox styles a041437
• Sidebar now determines item active state based upon route url. This provides better performance and debugging. If you do not use vue-router to manage your routes, you will need to manually apply the active classes to items.

Bug Fixes

• Fixed bug where v-tabs-tabs was still using the old v-tab markup during auto generation. 23aa971
• #92 Fixed bug where select was not auto populating for models with values on mount. bcbf7cd
• #93 Added check for tabs length. There is still a bug with the tab locator not resizing. 2d78f56
• Fixed a bug where v-sidebar was not properly calling done after animation completion for groups.

v0.8.6

Large Update

Accompanying the v0.8.6 release, the documentation has received a complete overhaul. All examples now contain the specific markup used in a dropdown. The Parameters section of each component has been moved to an API section, which utilizes the recently updated v-tabs component.

Breaking Changes

• <v-tab> is now <v-tab-item>. This change was to make all itemable implementing components share the same name structure

New Features

• Added <table> styles. This is not the Material Design data table component, that is coming soon
• Added styles for <blockquote>, <kbd> and <var> elements
• New v-sidebar-header component. Can be used manually, or by adding an object to your items array. Example { header: 'My Header' }
• You can now override the default transitions and transition-origin for components

Improvements

• All Transitions have been refactored and will now be considerably smoother
• Tabs have been refactored to meet Material Design spec
• <v-navbar-item>, <v-sidebar-item>, <v-dropdown-item> and <v-tab-item> now share the same API through the <itemable> mixin
• The <v-navbar> has received an overhaul and now supports parent items, similar to <v-sidebar>
• <v-navbar> , <v-sidebar> and <v-tabs-tabs> now contain cascading properties. You can define router, ripple or group-class at any level and it will chain down
• Components that use activators, i.e. <v-sidebar> and <v-dropdown> can now have more than 1 bound activator
• Improved <v-tooltip> directive styles and animation
• Activator directives, i.e. v-sidebar:sidebar or v-dropdown:dropdown can now be defined dynamically through the value property. v-sidebar="{ value: 'sidebar' }"
• Updated heading styles to match Material Design spec
• Updated grid and added a new xl breakpoint. This will work by adding xl{number} to the v-col component. Example <v-col xs12 md6 lg4 xl3></v-col>
• Changed mobile break point for v-sidebar to 992. Added property to change this setting on the sidebar component.
• Added closed and opened events for all toggleable components, i.e. <v-modal>, <v-sidebar>
• Updated <v-slider> so that you can now have more than 1 on a page
• Removed Object.assign from <directiveConfig> helper function to allow Safari 8 support
• #71 Added collapsible open icon indicator
• #82 Added required property to <v-text-input>

Bug Fixes

• 7b722cd Fixed bug where Material Icons were not working in psuedo elements on Edge
• 6a4446c Fixed bug where right sidebar was not properly translating
• #34 Added ability to change color
• #65 Removed on-click declaration
• #69 Changed event method for <v-modal>
• #77 Updated misnamed stylus variable
• #80 Added explicit event emit for on blur
• #83 Fixed bug where select was not maintaining the selected values

v0.8.5

Due to some unforeseen bugs, v0.8.5 features have been moved back to v0.8.6.

Bugs

• #68 Fixed bug where sidebar would always close on click 0d1b994
• #66 Moved slot position to fix navbar items issue 661b76a
• Fixed naming of activators in toggleable.js mixin 0d1b994
• Fixed ripple bug on Firefox browsers b2768a0

v0.8.4

With this release, this focus was on bug fixes with a few enhancements. Next release will be focused on the refactored Navbar, Tabs and Dropdown components. As the project has grown, so has the API, and the current method of displaying that information is lackluster at best. Along with v0.8.5, there will be a documentation update that will aid in bettering that experience.

Updates

• Added padding to bottom of sidebar to assist mobile scrolling 7b26e66
• #59 Added ability for multiple activators in modals b5b38ee
• #60 Added ability to dynamically set a binding modal with v-modal="{ value: 'modal' }" b2f99b2
• #57 Added ability to re-enable defaultOption 7ffb6e0

Bugs

• Fixed Right Sidebar should now properly be on the right d246b7b
• Fixed bug where ripple would not work properly if contained within certain elements dbd118f (@Pwntus)
• #54 Can now have multiple parallax a939dbd

v0.8.3

Bug Fixes

• Fixed bug with display helpers db3d882

v0.8.2

Breaking Update

Because not all instances will be using Vue Router, I have chosen to set router to false. If you are currently using ``v-sidebar` you must either set router to true, or pass it as a property of the item object.

Bug Fixes

• #49 Fixed bug where delimiter was causing compile issues. deb7243
• #50 Added computed sidebar class deb7243

Updates

• Added 2 new props to v-sidebar, close-on-click and mobile-break-point
• Added alias v-sidebar`` forv-sidebar``` directive

v0.8.1

Bug Fixes

• 56d5baf Fixed bug with v-if rendering.

v0.8.0

Expanded browser coverage and more!

In this release I've expanded Apple OS and browser coverage quite significantly. iOS 8/Safari 8 and up should now have no display issues.

The sidebar has been refactored, adding some minor style adjustments, improved functionality on all browsers, and a new functional component v-sidebar-header. The API for the Sidebar has also been slightly updated to accommodate this change. Now an optional object with a single property of header can be passed to the v-sidebar items property to automatically create a sidebar header. Router option for v-sidebar-item has been duplicated in the item object schema. Still enabled by default, you can now set the router option via property or item object. Any previous implementations will not be affected by these changes.

The grid styles have been cleaned up to save a few kibs and general style improvements for icons and app components.

New Features

• New v-sidebar-header functional component
• Updated to [email protected]

Bug Fixes

• #41 TextInput should now properly update v-model - 704f5c3
• Dramatically increased browser coverage on iOS and Safari

To help with answering questions I have opened up a gitter here. If you run into any problems, I'm always on and am happy to help.

v0.7.10

New

• Added disabled prop to inputs ebe3f04.

Fixed

• #26 Updated processing to allow for dynamic slides
• #27 Fixed bug where iOS was not closing sidebar
• #31 Added height to list item container
• #33 Fixed bug where inputs would not save changes if a v-model was not used

v0.7.8

Happy Holidays!

This update adds the mission ripple directive to your web arsenal. Currently documentation only reflects usage on the <v-btn> component, however, the v-ripple directive can be used on any block element. Additional examples will be coming soon.

Thank you to everyone for your help in dialing in the Vuetify experience.

Improvements

• #11 Added contextual props to the <v-btn> component 0343f2e.
• #12 Added v-ripple directive. Default accessible using the ripple property on the <v-btn> component.
• Added router option to the <v-navbar-item> component. (@spezzino f17f35e)

Fixes

• Fixed padding issue on <v-collapsible> component 685182f.