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 | +}; |