Skip to content

Instantly share code, notes, and snippets.

View tonioloewald's full-sized avatar

Tonio Loewald tonioloewald

View GitHub Profile
var z=(y,{Component:b,elements:c,vars:w,varDefault:i,Color:A})=>{const{h3:j,p:k,slot:q}=c;class d extends b{constructor(){super(...arguments)}static styleSpec={":host":{color:w.blueprintColor,background:i.blueprintBg("radial-gradient(circle, rgba(0,105,198,1) 0%, rgba(2,67,131,1) 100%)"),padding:i.blueprintPadding("16px")},"::slotted(*)":{boxShadow:`inset 0 0 0 2px ${w.blueprintColor}`,padding:i.blueprintPadding("16px")}};content=[j({style:{marginTop:0}},"Blueprint Example"),k("This was made from a blueprint!"),q()]}return{type:d,creator:d.elementCreator({tag:y,styleSpec:{":root":{_blueprintColor:"#defd"}}})}},G=z;export{G as default};
{
// xinjs snippets for vs-code
//
// to use these:
// 1. in VS Code > Settings > Configure User Snippets
// 2. select new global snippets file
// 3. name it whatever you like
// 4. paste in the contents of this file
"xin-html-component-stub": {
"scope": "typescript",
const div = document.createElement('div')
div.innerText = 'hello, world'
document.body.append(div)