Add stories for content and media editor

This commit is contained in:
Mads Rasmussen
2022-08-09 11:03:47 +02:00
parent 168eae3381
commit 9462c7d5be
2 changed files with 38 additions and 0 deletions

View File

@@ -0,0 +1,19 @@
import { Meta, Story } from '@storybook/web-components';
import { html } from 'lit-html';
import { UmbEditorContentElement } from './editor-content.element';
import './editor-content.element';
import { data } from '../../../mocks/data/node.data';
export default {
title: 'Editors/Content',
component: 'umb-editor-content',
id: 'umb-editor-content',
} as Meta;
const documentNodes = data.filter((node) => node.type === 'document');
export const AAAOverview: Story<UmbEditorContentElement> = () =>
html` <umb-editor-content id="${documentNodes[0].id}"></umb-editor-content>`;
AAAOverview.storyName = 'Overview';

View File

@@ -0,0 +1,19 @@
import { Meta, Story } from '@storybook/web-components';
import { html } from 'lit-html';
import { UmbEditorMediaElement } from './editor-media.element';
import './editor-media.element';
import { data } from '../../../mocks/data/node.data';
export default {
title: 'Editors/Media',
component: 'umb-editor-media',
id: 'umb-editor-media',
} as Meta;
const mediaNodes = data.filter((node) => node.type === 'media');
export const AAAOverview: Story<UmbEditorMediaElement> = () =>
html` <umb-editor-media id="${mediaNodes[0].id}"></umb-editor-media>`;
AAAOverview.storyName = 'Overview';