基础账户 SDK UI 组件
此软件包提供了用于 反应, (中文(简体) ), 预录, (中文(简体) ), 阴道,以及 丝绒 应用.
特征
- 🎯 多框架支助: 反应、 Preact、 Vue 和 Svelte 组件
- 🛠️ 类型脚本支持: 所有框架的完整类型安全
- 📦 单一软件包: 从一个软件包导入, 使用任何框架
- 🎨 一致 API: 跨框架的相同道具接口
安装
npm install @base-org/account-ui
框架特定文档
关于每个框架的详细使用示例和设置说明:
快速启动 - 反应
签名 Base 按钮
import { SignInWithBaseButton } from '@base-org/account-ui/react';
function App() {
return (
<SignInWithBaseButton
onClick={() => console.log('Sign in clicked!')}
align="center"
variant="solid"
colorScheme="light"
/>
);
}
BasePay按钮
import { BasePayButton } from '@base-org/account-ui/react';
function App() {
return (
<BasePayButton
onClick={() => console.log('Pay with Base clicked!')}
colorScheme="light"
/>
);
}
道具
签名 Base 按钮
| Prop | 类型 | 默认 | 说明 |
|---|---|---|---|
align | 'left' | 'center' | 'center' | 按钮对齐 |
variant | 'solid' | 'transparent' | 'solid' | 按钮样式变体 |
colorScheme | 'light' | 'dark' | 'system' | 'system' | 颜色主题 |
onClick | () => void | undefined | 点击处理器 |
BasePay按钮
| Prop | 类型 | 默认 | 说明 |
|---|---|---|---|
colorScheme | 'light' | 'dark' | 'system' | 'system' | 颜色主题 |
onClick | () => void | undefined | 点击处理器 |
发展
构建命令
# Build all frameworks
npm run build
# TypeScript checking
npm run typecheck
# Run tests
npm run test
# Lint
npm run lint
建筑
本套件提供:
- 特定框架的出口数字 :
/react, (中文(简体) ),/preact, (中文(简体) ),/vue, (中文(简体) ),/svelte - 共享组件逻辑: 预先执行部分作为基础执行
- 框架包装: 装入 Preact 组件的 React, Vue, 和 Svelte 组件
- 类型定义: 对所有框架的完整类型脚本支持