mirror of
https://github.com/komodorio/helm-dashboard.git
synced 2026-08-30 16:19:27 +00:00
yuri-sakharov
c9b8fb7809
* Introduced tsconfig.app.json and tsconfig.base.json * yarn.lock * Introduced tsconfig.app.json, tsconfig.base.jsonfig. * Refactored eslint.config.js to latest structure * Returned previous recommended rules. * More rules * Force import rules * Check * Check * Cleanup ESLint configuration and plugins * Cleanup heap: "writable",DD_RUM: "writable" from ESLint configuration * "scripts" moved to the top of package.json
41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
/*
|
|
* @file Badge.stories.tsx
|
|
* @description Badge stories, using Storybook.
|
|
* We create a story for the component badge,
|
|
* and we can use it to test the component in Storybook.
|
|
* There, we can see the component in different states, and
|
|
* play with the props to see how it behaves.
|
|
* We'll use a generic story for the component, and we'll
|
|
* use the args to pass the props.
|
|
* We'll use a template to create the story.
|
|
* Refer to Badge.tsx and the BadgeProps interface to see what props
|
|
* the component accepts. The story works with the same props.
|
|
*
|
|
* @see https://storybook.js.org/docs/react/writing-stories/introduction
|
|
*/
|
|
|
|
import type { Meta } from "@storybook/react-vite";
|
|
|
|
import Badge from "./Badge";
|
|
|
|
// We set the metadata for the story.
|
|
// Refer to https://storybook.js.org/docs/react/writing-stories/introduction
|
|
// for more information.
|
|
const meta = {
|
|
title: "Badge",
|
|
component: Badge,
|
|
args: {
|
|
type: "success",
|
|
children: "Success",
|
|
},
|
|
} satisfies Meta<typeof Badge>;
|
|
|
|
export default meta;
|
|
|
|
export const Default = {
|
|
args: {
|
|
type: "success",
|
|
children: "Success",
|
|
},
|
|
};
|