@hcf1997/simple-button

一个简单易用的React Button组件库。

安装

npm install @hcf1997/simple-button

或者使用yarn：

yarn add @hcf1997/simple-button

使用方法

import React from 'react';
import { Button } from '@hcf1997/simple-button';

function App() {
  return (
    <div>
      <Button onClick={() => alert('Hello!')}>
        点击我
      </Button>
      
      <Button variant="secondary" size="large">
        大按钮
      </Button>
      
      <Button variant="danger" disabled>
        禁用按钮
      </Button>
    </div>
  );
}

export default App;

API

Button Props

| 属性 | 类型 | 默认值 | 描述 | |------|------|--------|------| | children | ReactNode | - | 按钮内容 | | onClick | () => void | - | 点击事件处理函数 | | size | 'small' | 'medium' | 'large' | 'medium' | 按钮大小 | | variant | 'primary' | 'secondary' | 'success' | 'danger' | 'primary' | 按钮样式变体 | | disabled | boolean | false | 是否禁用按钮 | | className | string | '' | 自定义CSS类名 |

样式变体

• primary: 主要按钮，蓝色背景
• secondary: 次要按钮，透明背景带边框
• success: 成功按钮，绿色背景
• danger: 危险按钮，红色背景

尺寸

• small: 小尺寸按钮
• medium: 中等尺寸按钮（默认）
• large: 大尺寸按钮

开发

# 安装依赖
npm install

# 构建
npm run build

# 开发模式（监听文件变化）
npm run dev

许可证

MIT

作者

hcf1997