简介
@tangential/components 是一个基于 React 的 UI 组件库，提供了常见的 UI 组件，例如按钮、输入框、下拉框等等。该组件库的设计风格简洁明了，易于集成到现有项目中，同时也支持自定义主题。
安装
为了使用该组件库，需要先安装依赖的 npm 包。打开终端，进入项目目录，并输入以下命令：
npm install @tangential/components
使用
导入
安装好依赖后，在需要使用该组件的 React 页面中导入组件：
import { Button } from '@tangential/components';基础组件
Button
Button 是一个基础的按钮组件，支持自定义样式和点击事件。使用时，通过 onClick 属性定义按钮点击事件。
<Button onClick={() => console.log('clicked')}>Click me</Button>Input
Input 是一个基础的输入框组件，支持自定义样式和输入事件。使用时，通过 onChange 属性定义输入事件。
<Input onChange={(e) => console.log(e.target.value)}>Type here</Input>自定义主题
该组件库支持自定义主题。你可以在项目中定义一个主题文件，然后在应用中使用该主题。
-- -------------------- ---- -------
------ - ------------- - ---- -------------------------
----- ------- - -
------- -
-------- -------
---------- -------
--
--
-------------- ----------------
------------- -----------
----------------总结
@tangential/components 是一个简单易用的 UI 组件库。如果你正在开发一个 React 项目并需要一些可靠的 UI 组件，@tangential/components 可能是你的不二选择。在你搭建完项目后，安装它并开始享受它的便利和美丽吧！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055bf781e8991b448d998f