简介
rbulma 是一个基于 Bulma 样式框架的 React 组件库，它能够帮助纯前端开发者快速构建出漂亮、可复用的 UI 组件。本文将会介绍如何使用 rbulma 进行开发。
安装
由于 rbulma 是一个 npm 包，所以我们可以通过以下命令安装它：
npm i rbulma
然后你可以直接在你的应用程序中引入它：
import { Button } from 'rbulma';组件
rbulma 包含了许多常见的 UI 组件，包括按钮、表格、卡片等。
Button
用法：
import { Button } from 'rbulma';
function MyComponent() {
return (
<Button color="primary">点击我</Button>
);
}效果：
<button class="button is-primary">点击我</button>
Table
用法：
-- -------------------- ---- -------
------ - ----- - ---- ---------
-------- ------------- -
------ -
-------
-------
----
-----------
-----------
-----
--------
-------
----
-----------
-----------
-----
----
-----------
-----------
-----
--------
--------
--
-效果：
-- -------------------- ---- -------
------ --------------
-------
----
-----------
-----------
-----
--------
-------
----
-----------
-----------
-----
----
-----------
-----------
-----
--------
--------Card
用法：
-- -------------------- ---- -------
------ - ---- - ---- ---------
-------- ------------- -
------ -
------
----------- --------------------------------------------- --------- --
--------------
-------------------------------
----------------------------------------------
---------------
-------
--
-效果：
-- -------------------- ---- -------
---- -------------
---- -------------------
------- ------------ ---------
---- --------------------------------------------- ----------
---------
------
---- ---------------------
---- ----------------
--- -------------------------
-- ------------------------------
------
------
------总结
通过使用 rbulma，我们能够非常快速地构建出漂亮的 UI 组件，并且不需要过多关注样式的细节。rbulma 还提供了许多其他的组件，可以根据自身的需要进行选择。
如果你是一个 React 开发者，并且正在寻找一个好用的样式组件库，那么 rbulma 绝对是一个不错的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600568c381e8991b448e48a4