@bm-fe/components-react

BitMart React 组件库，基于 shadcn/ui 风格，使用 Design Tokens。

安装

npm install @bm-fe/components-react

使用

首先确保你的项目已经配置了 Tailwind CSS 和 Design Tokens：

// tailwind.config.js
const modernPreset = require('@bm-fe/design-tokens/presets/tailwind/modern');

module.exports = {
  presets: [modernPreset],
  // ...
};

// _app.tsx 或 main.tsx
import '@bm-fe/design-tokens/dist/css/variables.css';

然后使用组件：

import { Button, Input } from '@bm-fe/components-react';

function App() {
  return (
    <div>
      <Button variant="cex">CEX 按钮</Button>
      <Button variant="dex">DEX 按钮</Button>
      <Input placeholder="请输入" />
    </div>
  );
}

组件

Button

支持多种变体：default, cex, dex, destructive, outline, secondary, ghost, link

Input

使用 Design Tokens 样式的输入框组件。