Files
community-rule/stories/monitor/WebVitalsDashboard.stories.js
T
2026-05-21 23:25:56 -06:00

40 lines
940 B
JavaScript

import WebVitalsDashboard from "../../app/(admin)/monitor/_components/WebVitalsDashboard";
export default {
title: "Components/Monitor/WebVitalsDashboard",
component: WebVitalsDashboard,
parameters: {
layout: "fullscreen",
docs: {
description: {
component:
"A comprehensive dashboard component that displays real-time and historical Web Vitals data. Shows Core Web Vitals metrics, performance ratings, and optimization recommendations.",
},
},
},
argTypes: {},
};
export const Default = {
args: {},
parameters: {
docs: {
description: {
story:
"The default Web Vitals dashboard showing real-time performance metrics and historical data.",
},
},
},
};
export const Loading = {
args: {},
parameters: {
docs: {
description: {
story: "The dashboard in loading state while fetching Web Vitals data.",
},
},
},
};