add files for performance profiling dashboard

This commit is contained in:
Mads Rasmussen
2022-08-24 17:30:42 +02:00
parent 93e8c85784
commit 75a2edfaa4
2 changed files with 39 additions and 0 deletions

View File

@@ -0,0 +1,24 @@
import { UUITextStyles } from '@umbraco-ui/uui-css/lib';
import { css, html, LitElement } from 'lit';
import { customElement } from 'lit/decorators.js';
@customElement('umb-dashboard-performance-profiling')
export class UmbDashboardPerformanceProfilingElement extends LitElement {
static styles = [UUITextStyles, css``];
render() {
return html`
<uui-box>
<h1>Performance Profiling</h1>
</uui-box>
`;
}
}
export default UmbDashboardPerformanceProfilingElement;
declare global {
interface HTMLElementTagNameMap {
'umb-dashboard-performance-profiling': UmbDashboardPerformanceProfilingElement;
}
}

View File

@@ -0,0 +1,15 @@
import { Meta, Story } from '@storybook/web-components';
import { html } from 'lit-html';
import type { UmbDashboardPerformanceProfilingElement } from './dashboard-performance-profiling.element';
import './dashboard-performance-profiling.element';
export default {
title: 'Dashboards/Performance Profiling',
component: 'umb-dashboard-performance-profiling',
id: 'umb-dashboard-performance-profiling',
} as Meta;
export const AAAOverview: Story<UmbDashboardPerformanceProfilingElement> = () =>
html` <umb-dashboard-performance-profiling></umb-dashboard-performance-profiling>`;
AAAOverview.storyName = 'Overview';