@aragon/ui

概览

aragonUI是用于为阿拉贡及其相关工程构建用户界面的React库. 它提供了建立感觉与阿拉贡生态系统融合的经验所需的组件,可以同时被客户端或服务器端所使用.

完整的文件可在 阿拉贡UI网站。 。 。 .

开始

如果你对AragonUI不熟悉,我们建议你从 正在启动页面如果您只想知道如何在您的项目中添加 AragonUI, 请查看快速设置 :

快速设置

从 npm 安装 aragonUI 和样式组件 :

npm install --save @aragon/ui styled-components

将其资产复制到您的公共目录 :

npx copy-aragon-ui-assets ./public

将您的应用程序与 Main 组件 :

import React from 'react'
import { Main } from '@aragon/ui'

function App() {
  return (
    <Main>
      <h1>Hello aragonUI!</h1>
    </Main>
  )
}

你的项目现在准备使用AragonUI

打开 https://ui.aragon.org/ (中文(简体) ) 以查看可用的组件列表并学习如何使用这些组件.

资产

aragonUI需要一些资产(例如字体)才能正常工作. 这些需要复制,以便图书馆访问,例如: public/ 使用 创建反应应用。 。 。 .

使用提供的资产复制这些资产 copy-aragon-ui-assets 命令 :

npx copy-aragon-ui-assets ./public

默认情况下,它将创建一个名为 aragon-ui 在指定的目录中.

该安放地点通过联合国图书馆通知图书馆 <Main> 组件。 默认路径是 ./aragon-ui/,但可以使用 assetsUrl 道具 :

import { Main } from '@aragon/ui'

const App = () => (
  <Main assetsUrl="http://example.com/aragon-ui-assets/">
    <h1>Hello aragonUI!</h1>
  </Main>
)

您可能也想要添加它作为您项目的一个建设步骤, 这样可以升级 aragonUI 而不必担心这一点.

"scripts": {
  "sync-assets": "copy-aragon-ui-assets ./public",
  "build": "npm run sync-assets && react-scripts build",
  "start": "npm run sync-assets && react-scripts start"
}

见 copy-aragon-ui-assets -h 更多信息.

构建和开发

请看一下 捐款额。 。 。 .

使用aragonUI的项目

• 阿拉贡客户端 财务报告和审定财务报表 核心应用程序
• 奥塔克的开放企业
• 1 Hive 的 Dandelion 应用程序
• 阿拉贡·布莱克的筹款
• 泛语
• P2P 模型 维基
• 网络基金会拍卖App
• 人类的阿皮亚里
• Uniswap Aragon 应用程序
• 复合Aragon App
• 阿拉贡议会
• 阿拉贡市场

许可证

麻省理工学院,看 自由主义。 。 。 .