9.0.0 • Published 5 months ago
@riotjs/custom-elements v9.0.0
@riotjs/custom-elements
Simple API to create vanilla custom elements with riot
This module is highly experimental, and it's not meant to be used in production yet!
:construction::construction::construction:
Demos
Usage
import MyComponent from './my-component.riot'
import define from '@riotjs/custom-elements'
define('x-tag', MyComponent)
Notice that in order to update the component properties via attribute you will need to rely on the observedAttributes
array
<my-component>
<p>{props.message}</p>
<script>
export default {
// the message property will be automatically updated anytime the DOM `message` attribute will change
observedAttributes: ['message']
}
</script>
</my-component>
API
This module exports only a single factory function that is a wrapper around the native customElements.define
. The define
function accepts only 3 parameters:
- tag name
- tag api normally generated via riot compiler
- custom options to pass to
customElements.define
like{extends: 'button'}
for example
9.0.0
5 months ago
6.0.1
2 years ago
6.0.0
3 years ago
5.0.0
3 years ago
4.1.1
4 years ago
4.1.0
5 years ago
4.0.0
5 years ago
4.0.0-beta.1
5 years ago
4.0.0-alpha.3
5 years ago
4.0.0-alpha.2
5 years ago
4.0.0-alpha.1
5 years ago
0.1.0
5 years ago
0.0.1
5 years ago
0.0.0
5 years ago