storybook/docs/snippets/web-components/simple-page-implementation.js.mdx
2023-01-13 09:40:13 -07:00

31 lines
637 B
Plaintext

```js
// YourPage.js
import { LitElement, html } from 'lit-element';
class DocumentScreen extends LitElement {
static get properties() {
return {
data: { type: Object },
};
}
constructor() {
super();
this.data = {};
}
render() {
const { user, document, subdocuments } = this.data;
return html`
<demo-page-layout .user=${user}>
<demo-document-header .document=${document}></demo-document-header>
<demo-document-list .documents=${subdocuments}></demo-document-list>
</demo-page-layout>
`;
}
}
customElements.define('demo-document-screen', DocumentScreen);
```