Skip to content

Latest commit

 

History

History
32 lines (29 loc) · 1.38 KB

README.md

File metadata and controls

32 lines (29 loc) · 1.38 KB

ReUseMarkup

You create your html components and use the reUseMl script to render them to your html document

Installation

For your simple usage of ReUSe dowload from Here

Set-Up

Create a directory of /components and store all your markup components , For small projects you can have your styling in your html using <style></style> tags

Usage

Add the reUse.js file or minified reUse.min.js to html code, then also create another javascript file where you call the render method

 <script src='reUse.min.js'></script>
 <script src='app.js'></script>

reuse-inuse

In your app.js, if you want to render a header.html component into your container with an Id of #header You instantiate reuse from ReUseMl(), then set the views or directory where it'll search for your components, using the reuse.set() method

const reuse = new ReUseMl();
reuse.set('./components)
reuse.render('header.html', '#header');

reuse-inuse

Example

Check here for an example using the library or clone repo and open

License

Distributed under the MIT license. See LICENSE for more information