Skip to content

v0.5.0

Pre-release
Pre-release
Compare
Choose a tag to compare
@marcosmoura marcosmoura released this 16 Dec 06:14
· 1132 commits to dev since this release

New Components:

  • Theme
  • Layout
  • Spinner

The long time requested feature is here! Vue Material has a new and easy-to-use Grid System. Enjoy!

Breaking changes:

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:

v-md-theme directive removed

The v-md-theme do not exists anymore and should be replaced by the brand new <md-theme> component.

Register method renamed

Vue.material.theme.register changed to Vue.material.registerTheme. This will make the API smore simple and easy to write.

Register All removed

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
  }
})

No need to use a default theme

Vue Material now comes with a default theme, according with the specifications.

Applying other themes as the default (A.K.A. dynamic themes)

There is a new function to set the theme of you application dynamically:

Vue.material.setCurrentTheme('about')

New:

  • pass $event to on click inside md-list-item #175
  • add support for theming on Cards #173
  • add md-tooltip for tabheader #171

Fixes:

  • adjust menu offset position when scroll is present #180

* Also it's not possible to see the code from previous versions before 0.4.3 due to a change in the build system.