概述
Geranium 是一种基于 React/js 的可复用组件库。它提供了很多基础组件，可以帮助开发者快速开发前端应用。它还提供了大量的主题配置，使得开发者可以轻松的定制自己的界面。
安装
要使用 geranium，首先需要在你的项目中安装它。你可以通过 npm 或者 yarn 安装。
npm install @geranium/geranium
yarn add @geranium/geranium
用法
安装完 geranium 后，就可以在你的应用程序中使用它了。要使用 geranium 的组件，需要先引入它们。
import React from 'react';
import {
Button,
Input,
Dropdown,
// ...
} from '@geranium/geranium';在上面的示例中，我们引入了 geranium 的 Button、Input 和 Dropdown 组件。现在我们可以使用这些组件了。
-- -------------------- ---- -------
------ ----- ---- --------
------ -
-------
------
---------
- ---- ---------------------
-------- ----- -
------ -
-----
------ ------------------- --
-------------------
--------- ----------- ------ ------ ------ - --- ------ ------ ------ - --- --
------
--
-
------ ------- ----上面的示例中，我们在一个简单的表单中使用了 geranium 的 Input、Button 和 Dropdown 组件。
主题
Geranium 的主题配置非常丰富，你可以根据自己的需求进行配置。主题配置文件的格式是一个普通的 javascript 对象，其中包含了很多属性，每个属性都对应了一个主题的配置项。在应用程序中，你可以通过如下方式引入主题。
-- -------------------- ---- -------
-- --------
------ ----- ---- ------------
-- ------- --------------------- --
------ - --------------------- - ---- ---------------------
-------- ----- -
------ -
---------------------- --------------
-----
---
------
------------------------
--
-在上面的示例中，我们引入了一个名为 myTheme.js 的主题配置文件，并且把它传递给了 GeraniumThemeProvider 组件。这样，我们就可以让整个应用程序使用这个主题了。
总结
Geranium 是一个非常优秀的前端组件库，它提供了丰富的组件和主题配置，可以帮助开发者快速开发前端应用。希望本文能够为你学习 geranium 提供一些指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cdf81e8991b448e690d