https://github.com/stepanvanzuriak/picohtml
HTML template strings
https://github.com/stepanvanzuriak/picohtml
dom pico render template-string
Last synced: 9 months ago
JSON representation
HTML template strings
- Host: GitHub
- URL: https://github.com/stepanvanzuriak/picohtml
- Owner: stepanvanzuriak
- License: mit
- Archived: true
- Created: 2018-09-09T05:23:12.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2020-07-18T05:23:24.000Z (over 5 years ago)
- Last Synced: 2024-10-28T13:57:09.056Z (over 1 year ago)
- Topics: dom, pico, render, template-string
- Language: TypeScript
- Size: 1.36 MB
- Stars: 12
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Powerfully ~2kB (gzip) HTML template strings
# Installation
```bash
$ npm install picohtml
```
# Usage
```js
import { html, render } from "picohtml";
const el = html`
Hello planet
`;
render(el, document.body);
```
## Attaching event listeners
```js
import { html, render } from "picohtml";
const click = () => alert("Hello planet!");
const el = html`Click`;
render(el, document.body);
```
## Insert template literal and picohtml literal
```js
import { html, render, raw } from "picohtml";
const text = `
Text
`;
const htmlText = () => html`HTML Text
`;
const el = html`${text} ${raw(htmlText())}`;
render(el, document.body);
```
## License
[MIT](./LICENSE)
## See Also
- [nanohtml](https://github.com/choojs/nanohtml)
- [lit-html](https://github.com/Polymer/lit-html)