mirror of
https://github.com/storybookjs/storybook.git
synced 2025-03-22 05:02:18 +08:00
29 lines
629 B
JavaScript
29 lines
629 B
JavaScript
|
/* eslint-disable import/extensions */
|
||
|
|
import { html } from 'lit-html';
|
||
|
|
import '../demo-wc-card.js';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
title: 'Demo Card',
|
||
|
|
};
|
||
|
|
|
||
|
|
export const Front = () => html`
|
||
|
|
<demo-wc-card>A simple card</demo-wc-card>
|
||
|
|
`;
|
||
|
|
|
||
|
|
export const Back = () => html`
|
||
|
|
<demo-wc-card back-side>A simple card</demo-wc-card>
|
||
|
|
`;
|
||
|
|
|
||
|
|
export const FrontOwnHeader = () => html`
|
||
|
|
<demo-wc-card header="My own Header">A simple card</demo-wc-card>
|
||
|
|
`;
|
||
|
|
|
||
|
|
export const BackWithData = () => html`
|
||
|
|
<demo-wc-card
|
||
|
|
back-side
|
||
|
|
.rows=${[{ header: 'health', value: '200' }, { header: 'mana', value: '100' }]}
|
||
|
|
>
|
||
|
|
A simple card
|
||
|
|
</demo-wc-card>
|
||
|
|
`;
|