lightview
Version:
Small, simple, powerful web UI and micro front end creation ... Great ideas from Svelte, React, Vue and Riot combined.
29 lines (27 loc) • 1.2 kB
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Extended</title>
<script src="../lightview.js?as=x-body"></script>
</head>
<body>
<script>
document.body.mount = async (self) => {
const {array,boolean,number,object,string} = await import("../types.js");
self.variables({strictarray:array},{set:[]});
self.variables({strictboolean:boolean},{set:true});
self.variables({strictnumber:number},{set:0});
self.variables({strictobject:object},{set:{}});
self.variables({strictstring:string},{set:"test"});
self.variables({extendedarray:array({required:true,minlength:2,maxlength:3})});
self.variables({extendedboolean:boolean({required:true})});
self.variables({extendednumber:number({required:true,min:1,max:4,step:2,allowNaN:false})});
self.variables({extendedobject:object({required:true})});
self.variables({extendedstring:string({required:true,minlength:2,maxlength:4})});
self.variables({allowNaNnumber:number({min:null,max:null,step:null})});
self.variables({noNaNnumber:number({allowNaN:false})});
}
</script>
</body>
</html>