@mozilla-factor/core v0.0.14

Factor UI

Project description

This will be a central repository for internally shared templates and components within Mozilla. This README will be the central location for all documentation relating to our internal components.

This project is intended to be a helpful "bootstrapped" kickstarter for all internal applications, providing out of the box internal themes and styles while allowing for flexibility to each individual application.

Installation

Run the following command in your terminal

npm install --save @mozilla-factor/core

Templates

Block template

Include this in whichever VueJS component you wish to use the template.

In component import

<template>
  <FactorBlockTemplate>
    <div slot="main">
      <div slot="logo">
        <img src="logo-url" />
      </div>
      <router-view slot="main" />
      <ProfileNav slot="profile"></ProfileNav>
      <FooterLinks slot="footer-links"></FooterLinks>
    </div>
  </FactorBlockTemplate>
</template>

<script>
import { FactorBlockTemplate } from '@mozilla-factor/core';
import '@mozilla-factor/core/dist/factor.css';

export default {
  components: {
    FactorBlockTemplate
  },
  data () {
    return {
      value: 0
    }
  }
}
</script>

Api

Slots

Flow template

Coming soon!

Nav Template

Coming soon!