Components

Install

npm install tf-components-abc

Update to newest version

npm update tf-components-abc

Usage

Almost every component consists of 2 files: js and css. You have to import them both. It is up to you to decide how to handle css in your project.

Example 1

If you use a bundler, such as Webpack, your project is likely already setup for importing css files directly in your javascript. In this case you can do:

Example 1.a

import Button from 'tf-components-abc/components/Button/Button.js';
import 'tf-components-abc/components/Button/style.css';

Or, you can import it with one line. This is just a shortcut for the above (under the hood it has the same two lines):

Example 1.b

import Button from 'tf-components-abc/components/Button';

Example 2

If you don't have bundler setup for the above, then you can include css directly in your html:

html:

<link rel="stylesheet" href="node_modules/tf-components-abc/components/Button/style.css">

javascript:

import Button from 'tf-components-abc/components/Button/Button.js';

The above examples use the latest version of a component. You can choose to use a specific version:

import Button from 'tf-components-abc/v1.0.13/components/Button';