mdjs script

```js script
import './my-component.js';
```

# This is my component

<my-component></my-component>

mdjs

js

html

```js script
import './my-component.js';
```

# This is my component

<my-component></my-component>

mdjs

js

html


import './my-component.js';

# This is my component

<my-component></my-component>

mdjs

js

html

```js script
import './my-component.js';
```

<h1>This is my component</h1>

<my-component></my-component>

mdjs story

```js script
import './demo-wc-card.js';
import { html } from 'lit-html';
```

# This is my component

mdjs

js

html

```js story
export const demo = () => html`
  <demo-wc-card></demo-wc-card>
`;
```

```js story
export const demo = () => html`
  <demo-wc-card></demo-wc-card>
`;
```

```js script
import './demo-wc-card.js';
import { html } from 'lit-html';
```

# This is my component

mdjs

js

html

```js story
export const demo = () => html`
  <demo-wc-card></demo-wc-card>
`;
```

```js story
export const demo = () => html`
  <demo-wc-card></demo-wc-card>
`;
```

```js script
import './demo-wc-card.js';
import { html } from 'lit-html';
```

# This is my component

mdjs

js

html

```js story
export const demo = () => html`
  <demo-wc-card></demo-wc-card>
`;
```

```js story
export const demo = () => html`
  <demo-wc-card></demo-wc-card>
`;
```

```js script
import './demo-wc-card.js';
import { html } from 'lit-html';
```

# This is my component

mdjs

js

html

```js story
export const demo = () => html`
  <demo-wc-card></demo-wc-card>
`;
```

```js story
export const demo = () => html`
  <demo-wc-card></demo-wc-card>
`;
```


import './demo-wc-card.js';
import { html } from 'lit-html';


export const demo = () => html`
  <demo-wc-card></demo-wc-card>
`;

```js script
import './demo-wc-card.js';
import { html } from 'lit-html';
```

# This is my component

mdjs

js

html

```js story
export const demo = () => html`
  <demo-wc-card></demo-wc-card>
`;
```

```js story
export const demo = () => html`
  <demo-wc-card></demo-wc-card>
`;
```


import './demo-wc-card.js';
import { html } from 'lit-html';


export const demo = () => html`
  <demo-wc-card></demo-wc-card>
`;

<h1>This is my component</h1>

<mdjs-story>
  #shadow-root (open)


</mdjs-story>

```js script
import './demo-wc-card.js';
import { html } from 'lit-html';
```

# This is my component

mdjs

js

html

```js story
export const demo = () => html`
  <demo-wc-card></demo-wc-card>
`;
```

```js story
export const demo = () => html`
  <demo-wc-card></demo-wc-card>
`;
```


import './demo-wc-card.js';
import { html } from 'lit-html';


export const demo = () => html`
  <demo-wc-card></demo-wc-card>
`;

<h1>This is my component</h1>

<mdjs-story>
  #shadow-root (open)


</mdjs-story>

  <demo-wc-card></demo-wc-card>

```js script
import './demo-wc-card.js';
import { html } from 'lit-html';
```

# This is my component

mdjs

js

html

```js story
export const demo = () => html`
  <demo-wc-card></demo-wc-card>
`;
```

```js story
export const demo = () => html`
  <demo-wc-card></demo-wc-card>
`;
```


import './demo-wc-card.js';
import { html } from 'lit-html';


export const demo = () => html`
  <demo-wc-card></demo-wc-card>
`;

<h1>This is my component</h1>

<mdjs-story>
  #shadow-root (open)


</mdjs-story>

  <demo-wc-card></demo-wc-card>