feat: init (23c5fcce) | Commits | front-cli / h5app-ui-template

Authored by 王强 2024-03-22 09:39:46 +0800

0 parents

Showing 3 changed files with 44 additions and 0 deletions

src/components/<Feewee>/index.module.less 0 → 100644

	1	+++ a/src/components/<Feewee>/index.module.less
	1	+.<Feewee> {
	2	+ background-color: #4189fd;
	3	+ color: #fff;
	4	+}
...	...

src/components/<Feewee>/index.tsx 0 → 100644

	1	+++ a/src/components/<Feewee>/index.tsx
	1	+import React from "react";
	2	+import clsx from "clsx";
	3	+import st from "./index.module.less";
	4	+
	5	+export interface Base<Feewee>Props {}
	6	+
	7	+export default function <Feewee>({}: Base<Feewee>Props) {
	8	+ const className = clsx(st['<Feewee>']);
	9	+
	10	+ return (<span className={className}><Feewee></span>);
	11	+}
...	...

stories/<Feewee>.stories.ts 0 → 100644

	1	+++ a/stories/<Feewee>.stories.ts
	1	+import type { Meta, StoryObj } from "@storybook/react";
	2	+// import { userEvent, within, fn } from '@storybook/test';
	3	+import <Feewee> from '../src/components/<Feewee>';
	4	+
	5	+const meta: Meta<typeof <Feewee>> = {
	6	+ title: "H5-Common/Componet/<Feewee>",
	7	+ component: <Feewee>,
	8	+ tags: ["autodocs"],
	9	+ parameters: {
	10	+ layout: "centered",
	11	+ },
	12	+ args: {
	13	+ },
	14	+ argTypes: {
	15	+ },
	16	+};
	17	+
	18	+export default meta;
	19	+type Story = StoryObj<typeof <Feewee>>;
	20	+
	21	+/*
	22	+ *👇 Render functions are a framework specific feature to allow you control on how the component renders.
	23	+ * See https://storybook.js.org/docs/api/csf
	24	+ * to learn how to use render functions.
	25	+ */
	26	+export const Primary: Story = {
	27	+ args: {
	28	+ },
	29	+};
...	...