Commit 23c5fcce65d746125de73829409260ddf2488519
0 parents
feat: init
Showing
3 changed files
with
44 additions
and
0 deletions
src/components/<Feewee>/index.module.less
0 → 100644
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 | +}; | ... | ... |