React 彩虹组件(Rainbow Components)
made with React

React 彩虹组件(Rainbow Components)

这是一个React的组件集合。

相关问答
暂无相关问题
查看全部
简介及使用教程

React Rainbow是组件的集合,这些组件将可靠地帮助您快速构建Web应用程序,提供60多个基于React构建的组件,并基于交互式示例提供了适当的文档。

React Rainbow组件是一个开源项目,可免费使用。

安装

Npm

npm i react-rainbow-components

Yarn

yarn add react-rainbow-components

浏览器

使用

快速开始

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'react-rainbow-components';

function App() {
    return <Button label="Hello World!" variant="brand" onClick={() => alert('Hello World!')} />;
}

ReactDOM.render(<App />, document.getElementById('container'));

按需使用

import React from 'react';
import ReactDOM from 'react-dom';
import Button from '@bit/nexxtway.react-rainbow.button';

function App() {
    return <Button label="Hello World!" variant="brand" onClick={() => alert('Hello World!')} />;
}

ReactDOM.render(<App />, document.getElementById('container'));

示例

image.png

image.png

作者

nexxtway

相关项目

这是一个用于使用React构建可访问的富Web应用程序的工具包。
这是一个基于开源Material风格的组件库。
这是一个React组件库。
这是一个可定制和复用的React Native组件库。
这是一个免费的React UI套件
这是一个支持Pinterest设计的UI组件库。
这是一个有赞技术团队维护的UI组件库。