Twig-components-example NPM

twig-components-example

An example Twig Component library using Webpack.

This project was originally generated using generator-twig-components-webpack.

Getting started

To run a local webserver that shows how these components can be used, run npm install && npm start.

Including components on your site

To use these components on your site, include dist/components.bundled.js on the page and any of the included component tags. For example:

<html>
  <head>
    <script src="./twig-components-example/components.bundled.js"></script>
  </head>
  <body>
    <tce-hero src="hero.jpg" text="Great intro" subtext="Better follow up" callout-text="Click me" callout-href="/submit" align="middle"></tce-hero>
  </body>
</html>

Should render the tce-hero tag.

If you prefer to manage polyfills and the Twig.js library yourself, you can include components.js.