Skip to content

NeutroniumCore/neutronium-main-window

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Neutronium main window

Npm download Npm version MIT License

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

Props

window

Type: Object
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" :window="__window__">
      <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