Skip to content

Instantly share code, notes, and snippets.

View aramvr's full-sized avatar
👀

Aram aramvr

👀
  • Yerevan, Armenia
View GitHub Profile
@aramvr
aramvr / my-component.tsx
Created January 27, 2020 21:28
Stencil.js sample component
import { Component, Prop, h } from '@stencil/core';
import { format } from '../../utils/utils';
@Component({
tag: 'my-component',
styleUrl: 'my-component.css',
shadow: true
})
export class MyComponent {
/**
@aramvr
aramvr / my-component.tsx
Created January 27, 2020 21:27
Stencil.js sample component
import { Component, Prop, h } from '@stencil/core';
import { format } from '../../utils/utils';
@Component({
tag: 'my-component',
styleUrl: 'my-component.css',
shadow: true
})
export class MyComponent {
/**
@aramvr
aramvr / error-message.js
Last active January 27, 2020 19:18
Web Components sample
let template = document.getElementById("error-message-template");
// template is any HTML based content. Elements, styles, etc.
class ErrorMessage extends HTMLElement {
constructor() {
super();
this.attachShadow({ mode: "open" });
this.shadowRoot.appendChild(template.content);
}
}
@charset "UTF-8";
/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2016 Daniel Eden
*/
@charset "UTF-8";
/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2016 Daniel Eden
*/