extends ../../../core/_master-pattern.pug
block content
	+h(0)
	+h(1)
	+h(2)
	p Uses absolute positioning. 
		sticky-note(float="right").blue This #[strong is] a test
		| You might need to add relative positioning to it's container. 

	p If you wish to create a custom element, that extends another HTML element, the native element has to be extended in customElements.define(). Custom elements that inherit native elements are also known as "type extension custom elements". 	

	sticky-note another one

	p If you wish to create a custom element, that extends another HTML element, the native element has to be extended in customElements.define(). Custom elements that inherit native elements are also known as "type extension custom elements". 



	div#sticky-note.tab-group
		pre.language-css(data-tab="css") 
			include sticky-note.css
		pre.language-css(data-tab="scss") 
			include _sticky-note.scss
		pre.language-js(data-tab="js") 
			include _sticky-note.js