这是我的按钮组件类型
import React from 'react'
export type ButtonProps = {
label: string;
color?:'primary' | 'secondary' | 'tertiary';
size?:'mobile' | 'tablet' | 'desktop',
handleClick?:()=>void,
fullWidth?:boolean,
loading?:boolean
href?:string,
icon?:React.ReactNode
target?:'_blank' | '_parent'
disabled?:boolean
}
Run Code Online (Sandbox Code Playgroud)
我在 Storybook 中使用按钮组件。
故事书代码
import React from 'react';
import { Meta, StoryObj } from "@storybook/react";
import { Button as SampleButton } from "../../components";
import 'antd/dist/reset.css';
const buttonMeta: Meta<typeof SampleButton> = {
title: "Components/Button",
tags: ['autodocs'],
component: SampleButton,
};
export default buttonMeta;
type Story = StoryObj<typeof buttonMeta>;
export const …
Run Code Online (Sandbox Code Playgroud)