ui-component-set v0.4.1

UI-Component-Set

WARNING: this is a very early alpha version with limited components. More components will be added in the future.

Description

UI-Component-Set contains a set of Vue.js components written in Typescript, as well as a custom SCSS styling set of rules.

Table of Contents

• Installation
• Usage
• Available components

Installation

npm install ui-components

Prepare 'tsconfig.json'

Add "ui-component-set" to the "types" property. This will make Typescript UI-Component-Set type definitions, which is necessary for Vue.js components on this module to work properly.

Usage

• SCSS styling can be imported using one of the following sintaxes

  import 'ui-component-set/style/ui-components.scss';

  require('ui-component-set/style/ui-components.scss');

NOTE: Vue components are written on Typescript, so they should be imported into a Vue.js project which is also written on that language. Vue.js components on this package can be imported by using any of the following sintaxes: 1. ### Import all components and then accesing specific components:

```typescript
import UIComponentSet from 'ui-component-set';
const <COMPONENT_NAME_1> = UIComponentSet.<COMPONENT_NAME_1>;
const <COMPONENT_NAME_2> = UIComponentSet.<COMPONENT_NAME_2>;
...
```

2. Import every specified component at once:

     import { <COMPONENT_NAME_1>, <COMPONENT_NAME_2>, ... } from 'ui-component-set';

3. Import single component at a time:

   import <COMPONENT_NAME_1> from 'ui-component-set/<component-name_1>';
   import <COMPONENT_NAME_2> from 'ui-component-set/<component-name_2>';
   ...

Available components

Segmented Progress Bar (segmented-progress-bar)