Hello, {name}!
\n);\n\nregister(Greeting, 'x-greeting', ['name']);\n```\n\n> _**\\* Note:** as per the [Custom Elements specification](https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name), the tag name must contain a hyphen._\n\nUse the new tag name in HTML, attribute keys and values will be passed in as props:\n\n```html\nHello, Billy Jo!
\n```\n\n### Prop Names and Automatic Prop Names\n\nThe Custom Elements V1 specification requires explictly stating the names of any attributes you want to observe. From your Preact component perspective, `props` could be an object with any keys at runtime, so it's not always clear which props should be accepted as attributes.\n\nIf you omit the third parameter to `register()`, the list of attributes to observe can be specified using a static `observedAttributes` property on your Component. This also works for the Custom Element's name, which can be specified using a `tagName` static property:\n\n```js\nimport register from 'preact-custom-element';\n\n//Hello, {name}!
;\n }\n}\nregister(Greeting);\n```\n\nIf no `observedAttributes` are specified, they will be inferred from the keys of `propTypes` if present on the Component:\n\n```js\n// Other option: use PropTypes:\nfunction FullName(props) {\n return {props.first} {props.last}\n}\nFullName.propTypes = {\n first: Object, // you can use PropTypes, or this\n last: Object // trick to define untyped props.\n};\nregister(FullName, 'full-name');\n```\n\n\n## Related\n\n[preact-shadow-dom](https://github.com/bspaulding/preact-shadow-dom)\n","readmeFilename":"README.md"}