neutronium-main-window

Neutronium main window

Vue component (Vue.js 2.0) to manage Neutronium main view. This component will trigger entering and closing animation corresponding to Neutronium navigation

Props

main-view-model

Type: Array
Required: true

The main view model.

name

Type: String
Required: false

Same as vue.js transition name prop.

##Tipical use: HTML:

  <neutronium-main-view name="fade" :main-view-model="viewModel">
      <img src="./assets/logo.png">
      ...
  </neutronium-main-view>

javascript:

import NeutroniumMainWindow from 'neutronium-main-window'

export default {
  components:{
    NeutroniumMainWindow
  },
  //....

CSS:

.fade-enter-active, .fade-leave-active {
  transition: opacity .2s
}
.fade-enter, .fade-leave-active {
  opacity: 0
}

This component will allow transition when displaying a given view model. See Neutronium documentation and NeutroniumDemo for more details.

Instalation

npm install --save neutronium-main-window