0.3.7 • Published 1 year ago
singui v0.3.7
SINGUI
The next-gen, no compile/transpile needed, self-contained JS UI library
Usage
Browser
<script src="https://cdn.jsdelivr.net/npm/singui/dist/main.min.js"></script>
<script>
const {browser, tags, text, attr, prop, setGlobalCtx} = singui
</script>
or
import {browser, tags, text, attr, prop, setGlobalCtx} from 'singui'
or
const {browser, tags, text, attr, prop, setGlobalCtx} = require('singui')
then
setGlobalCtx(browser())
const app = (target) => build(({attach}) => {
const {h1, center, p} = tags
center(() => {
h1(() => {
attr.style = 'font-weight: 300'
text('Hello World!')
})
})
p(() => {
const style = prop.style
style.color = 'green'
style.textAlign = 'center'
text('Welcome to SingUI')
})
attach(target)
})
app(document.body)
More details please see Try it out
License
MIT
0.3.6
1 year ago
0.3.5
1 year ago
0.3.7
1 year ago
0.3.2
2 years ago
0.3.1
2 years ago
0.3.3
2 years ago
0.3.0
2 years ago
0.2.6-alpha.1
2 years ago
0.2.3-alpha.1
2 years ago
0.2.4-alpha.2
2 years ago
0.2.4-alpha.1
2 years ago
0.2.5-alpha.1
2 years ago
0.2.4-alpha.4
2 years ago
0.2.4-alpha.3
2 years ago
0.2.2-alpha.1
2 years ago
0.2.2-alpha.2
2 years ago
0.2.1-alpha.1
2 years ago
0.1.3-alpha.1
3 years ago
0.1.2-alpha.1
3 years ago
0.1.1-alpha.1
3 years ago
0.1.0-alpha.2
3 years ago
0.1.0-alpha.1
3 years ago
0.0.0-alpha.0
3 years ago