@aaiello/rimble-ui 中文文档教程

Question

rimble-ui

Rimble Design System 的 React 组件库。

Rimble 是 ConsenSys Design 的一个项目，旨在为去中心化应用程序 (dApp) 提供适应性强的组件和设计标准。 我们的目标只是让构建具有出色用户体验的 dApp 变得更容易。 如果您有兴趣，我们已经写了更多关于我们构建 Rimble 的基本原理和方法的文章。

Rimble 处于初始开发阶段，今天不应被视为稳定。 我们在工作的早期阶段就公开了该项目，以收集来自构建 dApp 的设计师和开发人员社区的反馈。

我们正在积极致力于向 Rimble 添加新组件，并将很快分享更多关于路线图的信息。

Install

npm install --save rimble-ui styled-components

Usage

import React, { Component } from 'react'

import { Button } from 'rimble-ui'

class Example extends Component {
  render() {
    return <Button size={'medium'}>Click me!</Button>
  }
}

Change log

0.14.0

？？？ 新功能

• Export ES6 modules for tree shaking ????

0.13.1

？？？？ 错误修复

• Added default props for Heading component.

0.13.0

？？？？ 新功能

• Added crypto icons under the Icon component.

？？？？ 错误修复

• Fixed Heading component as prop not working.
• Fixed Text component as prop not working.
• Fixed Select component arrow icon placement.

0.12.0

？？？？ 新功能

• Updated all components to styled-system v5.

0.11.1

？？？？ 错误修复

• Fixed icon background color on ToastMessage component. #381
• fixed display prop not rendering correctly for Icon component. #380
• fixed disabled styling for Slider component. #414

0.11.0

？？？？ 新功能

• Added BaseStyles component

？？？？ 错误修复

• Updated Text component to pass as prop correctly.
• Updated Heading component to pass as prop correctly.
• Updated Select component to adjust width.
• Updated Field to inherit color.
• Updated Radio and Checkbox components to inherit text and icon colors correctly.
• Fixed pre-commit deprecation warning #372.
• Fixed warnings when building library #376.

？？？？ 增强

• Adjusted EthAddress component padding.
• Addeded default font sizes for h1-h6 elements.
• Styled input[type="color"] for better visibility.
• Updated default props for Input, Textarea, Card.
• Removed copyColor from theme.js.
• Added text and background colors to theme.js.

0.10.0

• Fixed Select arrow display bug.
• Added missing props to QR component.
• Added title and aria-label attributes to EthAddress inputs (accessibility).
• Changed default module from cjs to umd.
• Upgraded to storybook app and updated stories.
• Reorganized component testing app (CRA).

0.9.8

• updated vulnerable dependencies.
• fixed onChange event not firing for file inputs.
• added new EthAddress component.

0.9.7

• fixed onChange events not firing for file inputs.

0.9.6

• Fixed default theme in rimble ThemeProvider.

0.9.5

• Fixed Select component accepts more options + children.
• Fixed outdated dependencies vulnerability.
• Fixed PublicAddress width property being passed to it's parent Field component.

0.9.4

• Added ref forwarding for all components.
• Fixed input validation icon padding.
• Fixed Tooltip positioning.
• Fixed broken copy button on PublicAddress component.

0.9.3

• revert to last stable version

0.9.2

• Fixed Slider bar in FireFox
• Added PropType definitions for all components

0.9.1

• Fixed Tooltip breaking server side rendering

0.9.0

• Refactored Box component to add overflow prop
• Refactored Heading component to remove default margins
• Refactored Text component to remove default margins
• Bug fix for anchor elements inside Flash component
• Removed selected props from Pill component

0.8.0

• Refactored Button with Text and Outline as compounds of Button
• Refactored MetaMaskButton and UPortButton to use Button as base
• Added more colors to theme for success, warning, danger, info
• Bug fix for ref property on Input component
• Bug fix for ref property on Button component

0.7.1

• Removed background color on Image component

0.7.0

• Flash component
• Custom labels for PublicAddress component
• Bug fixes

0.6.0

• Tables
• Bug fixes

0.5.0

• Better form validation
• uPort connect button
• Upgraded to Storybook 5
• Bug fixes

0.4.0

• Toast Messages and Toast Message provider
• QR code
• Modal
• Pills
• Expanded test coverage

0.3.0

• Styling cleanup for lots of components
• Bug fixes

0.2.0

• PublicAddress component
• MetaMask buttons and more button variants
• Basic layout components
• Cards
• Loaders

0.1.0

• Theming
• Buttons and other simple components
• Blockies

License

MIT © ConsenSys