Endpass UI components

Usage

import UIComponents from '@endpass/ui';

Vue.use(UIComponents);

or

import VButton from '@endpass/ui/components/VButton';

Vue.component(VButton.name, VButton);

or

<template>
  <v-modal/>
</template>

<script>
import VModal from '@endpass/ui/components/VModal';

export default {
  name: 'YourComponentName'
  components: {
    VModal,
  },
};
</script>

Available Components

Form

• VButton
• VCheckbox
• VForm
• VInput
• VPassword
• VRadio
• VSelect
• VTextarea

Components

• VList
• VModal
• VPageLoader
• VPagination
• VSpinner

Customization

Use the following SASS variables for customization in your app:

$medium-grey: hsl(0, 0%, 50%);
$dark-grey: hsl(0, 0%, 30%);
$purple: #4b0472;
$white: #fff;

$primary: $purple;
$danger: #ff3860;

$heading-font-family: 'Proxima Nova', 'Open Sans', 'Helvetica Neue', sans-serif;

Install

yarn add @endpass/ui

Contribute

git clone https://github.com/endpass/endpass-core
cd packages/ui
yarn

Build

yarn build

or

yarn build-watch

Running Tests

yarn test