小编Has*_*Ali的帖子

React.ReactNode 作为故事书中的参数

这是我的按钮组件类型

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)

components system-design typescript reactjs storybook

4
推荐指数
1
解决办法
1482
查看次数