# @bblocks/component

Latest version **0.1.1** (published 2017-07-01) · MIT license · 0 weekly downloads

## Install

```sh
npm install @bblocks/component
pnpm add @bblocks/component
yarn add @bblocks/component
bun add @bblocks/component
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.1 |
| Published | 2017-07-01 |
| First published | 2017-06-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 4 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | webrealizer |

## Links

- npm: https://www.npmjs.com/package/@bblocks/component
- Repository: https://github.com/bBlocks/component
- Homepage: https://github.com/bBlocks/component#readme
- Issues: https://github.com/bBlocks/component/issues
- npm.io page: https://npm.io/package/@bblocks/component

## Dependencies (4)

- [promise-polyfill](https://npm.io/package/promise-polyfill.md) ^6.0.2
- [es6-object-assign](https://npm.io/package/es6-object-assign.md) ^1.1.0
- [custom-event-polyfill](https://npm.io/package/custom-event-polyfill.md) ^0.3.0
- [document-register-element](https://npm.io/package/document-register-element.md) ^1.5.0

## Recent versions

- 0.1.1 (latest) — 2017-07-01
- 0.1.0 — 2017-06-18

## README

# Building Blocks Component 
<img align="right" alt="bBlocks" src="https://github.com/bBlocks/component/blob/master/block.png?raw=true" width="100"/>

Use the best parts of the Web to build [efficient](https://github.com/bBlocks/sandbox/wiki/Intro) web applications. 

Build your components once and use everywhere. A lightweight and extremenly modular solution. Designed to reduced costs and maximize profit. 

Reliable. [Few simple APIs](https://bblocks.github.io/component/api/bb.html) . Consistent forever. The rest is just your imagination.

## Quick start

* Install

```
npm install @bblocks/component
```

* Create an HTML page.
```HTML
<!DOCTYPE html>
<html>

<head>
	<title>Component</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<script src="node_modules/@bblocks/component/component.polyfills.min.js"></script>
	<script src="node_modules/@bblocks/component/component.js"></script>
</head>
<body>
	<my-field-element class="form-control"></my-field-element>
	<script>
		bb.component({
			is: 'my-field-element',
			on: {
				attach: function() {
					this.innerHTML = 'Hello!';
				}
			}

		});
	</script>
</body>

</html>
```
* You are now free to build the Web!

## Demo
* [Demo page](https://bblocks.github.io/component/)
* JSFiddle [example](https://jsfiddle.net/webrealizer/az23mrbz/) 

## Documentation
* [API](https://bblocks.github.io/component/api/bb.html)

## Special
<img align="right" alt="Composition" src="https://github.com/bBlocks/component/blob/master/blocks.png?raw=true" width="200"/>

* Create Features and define Components.
* Lifecycle events.
* Extend native DOM elements.
* Transpiling is not required.
* Supports all modern browsers and IE11.

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