Another long time requested feature. Use external SVG icons inside the md-icon component with a lazy load and cache features.
A more performant ripple component with great support for touch devices.
If you don't want that extra effect you can disable the ripple globally calling the API. Just follow the guide.
Now Vue Material is ~20% lighter
md-flex-offset-{type}
Apply an alignment to the container. Accepts start
|center
|end
Example: md-align="end"
The old v-md-ink-ripple is now removed
The long time requested feature is here! Vue Material has a new and easy-to-use Grid System. Enjoy!
The first breaking change we never forget. The themes engine has changed and it's more simple now. This change make the themes reactive to make the themes dynamic using the theme component or the API. The performance of the engine is waaay better and the theme styles are now fixed and have a better scope.
Check all theme changes in the new themes section inside the documentation website. There are some changes in the theme API:
The v-md-theme
do not exists anymore and should be replaced by the brand new <md-theme>
component.
Vue.material.theme.register
changed to Vue.material.registerTheme
. This will make the API smore simple and easy to write.
Vue.material.theme.registerAll
was removed. The Vue.material.registerTheme
function now accepts a object:
Vue.material.registerTheme('about', { primary: { color: 'indigo', hue: 'A200' }, accent: { color: 'grey', hue: 300 } })
Vue Material now comes with a default theme, according with the specifications.
There is a new function to set the theme of you application dynamically:
Vue.material.setCurrentTheme('about')