# neutronium-main-window

> Vue component for Neutronium main window

Latest version **2.0.0** (published 2017-11-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install neutronium-main-window
pnpm add neutronium-main-window
yarn add neutronium-main-window
bun add neutronium-main-window
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.0 |
| Published | 2017-11-03 |
| First published | 2016-11-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | David Desmaisons |
| Maintainers | davidesmaisons |
| Keywords | vue.js, Neutronium, transition |

## Links

- npm: https://www.npmjs.com/package/neutronium-main-window
- Repository: https://github.com/David-Desmaisons/neutronium-main-window
- Homepage: https://github.com/David-Desmaisons/neutronium-main-window#readme
- Issues: https://github.com/David-Desmaisons/neutronium-main-window/issues
- npm.io page: https://npm.io/package/neutronium-main-window

## Recent versions

- 2.0.0 (latest) — 2017-11-03
- 1.1.1 — 2016-11-05
- 1.1.0 — 2016-11-05
- 1.0.0 — 2016-11-05

## README

# Neutronium main window


[![Npm download](https://img.shields.io/npm/dt/neutronium-main-window.svg?maxAge=2592000)](https://www.npmjs.com/package/neutronium-main-window)
[![Npm version](https://img.shields.io/npm/v/neutronium-main-window.svg?maxAge=2592000)](https://www.npmjs.com/package/neutronium-main-window)
[![MIT License](https://img.shields.io/github/license/David-Desmaisons/neutronium-main-window.svg)](https://github.com/David-Desmaisons/neutronium-main-window/blob/master/LICENSE)


Vue component (Vue.js 2.0) to manage [Neutronium](https://github.com/David-Desmaisons/Neutronium) main view.
This component will trigger entering and closing animation corresponding to Neutronium navigation

### Props
#### main-view-model
Type: `Array`<br>
Required: `true`<br>

The main view model.

#### name
Type: `String`<br>
Required: `false`

Same as vue.js `transition` name prop.


##Tipical use:
HTML:
```html
  <neutronium-main-view name="fade" :main-view-model="viewModel">
      <img src="./assets/logo.png">
      ...
  </neutronium-main-view>
```

javascript:

```javascript
import NeutroniumMainWindow from 'neutronium-main-window'

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

CSS:
```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](https://github.com/David-Desmaisons/Neutronium/wiki) and [NeutroniumDemo](https://github.com/David-Desmaisons/NeutroniumDemo) for more details.


## Instalation

```
npm install --save neutronium-main-window
```

---
_Source: https://npm.io/package/neutronium-main-window · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._