# tf-components-abc

> Components ==========

Latest version **1.0.24** (published 2022-10-26) · ISC license · 0 weekly downloads

## Install

```sh
npm install tf-components-abc
pnpm add tf-components-abc
yarn add tf-components-abc
bun add tf-components-abc
```

## 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 | 1.0.24 |
| Published | 2022-10-26 |
| First published | 2022-07-23 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 234.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | TrustFlight |
| Maintainers | lukapopijac |

## Links

- npm: https://www.npmjs.com/package/tf-components-abc
- npm.io page: https://npm.io/package/tf-components-abc

## Recent versions

- 1.0.24 (latest) — 2022-10-26
- 1.0.23 — 2022-10-21
- 1.0.22 — 2022-10-20
- 1.0.21 — 2022-10-12
- 1.0.20 — 2022-10-05
- 1.0.19 — 2022-10-03
- 1.0.18 — 2022-09-30
- 1.0.13 — 2022-09-30
- 1.0.8 — 2022-09-27
- 1.0.7 — 2022-09-27
- 1.0.2 — 2022-09-20
- 1.0.0 — 2022-09-13
- 0.0.6 — 2022-09-08
- 0.0.5 — 2022-09-07
- 0.0.4 — 2022-08-12
- … 3 more at https://npm.io/package/tf-components-abc/versions

## README

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
```javascript
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
```javascript
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:
```html
<link rel="stylesheet" href="node_modules/tf-components-abc/components/Button/style.css">
```
javascript:
```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:
```javascript
import Button from 'tf-components-abc/v1.0.13/components/Button';
```

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