neutronium-main-window

Vue component for Neutronium main window

Usage no npm install needed!

<script type="module">
  import neutroniumMainWindow from 'https://cdn.skypack.dev/neutronium-main-window';
</script>

README

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

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