You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1.2 KiB
1.2 KiB
"Batteries-included" library for Web Components inspired by React.
Getting started
Getting started with Pillar is extremely easy.
-
Install Babel preset:
npm install --save-dev babel-preset-pillar
``
and add it to your
.babelrc
:{ "presets": ["pillar"] }
``
-
Create a component:
import Pillar from 'pillarjs'; class SuperHeader extends Pillar { render(props) { return ( <div> <h1>{props.mainContent}</h1> <h1>It's Superpowered!</h1> </div> ); } } Pillar.register(SuperHeader, 'super-header');
``
-
Use it in your HTML:
<main> ... <super-header main-content="It's not a simple header."></super-header> ... </main>
``
The resulting HTML will be:
<div>
<h1>It's not a simple header.</h1>
<h1>It's Superpowered!</h1>
</div>
Documentation
Check out the docs to learn about rendering from strings and template tags, alternative build configurations and everything else.