介绍
brandjlt 是一款基于 React 的 UI 组件库，针对前端开发者和设计师，旨在提供高效的开发体验和美观的 UI 组件。
安装
使用 npm 安装 brandjlt
npm install brandjlt
使用
在项目中引入 brandjlt 组件
import { Button } from 'brandjlt';
function App() {
return <Button>Click Me</Button>;
}Button
Button 是 brandjlt 中最基本的组件，它包含了一个按钮的基本样式和交互效果。
Props
| 属性名 | 类型 | 默认值 |
|---|---|---|
| type | string | primary |
| size | string | md |
| disabled | boolean | false |
| onClick | (event: MouseEvent) => void |
示例
-- -------------------- ---- -------
------ - ------ - ---- -----------
-------- ----- -
------ -
-----
------------------------
------- -------------------------------
------- -----------------------------
------- -------------------------
------- -------------------------
------- --------------------------
------- ----------- -- ------------------------ -----------
------
--
-Input
Input 是一个基本的输入框组件，支持文本输入、密码输入、数字输入、搜索等。
Props
| 属性名 | 类型 | 默认值 |
|---|---|---|
| type | string | text |
| size | string | md |
| prefix | ReactNode | |
| suffix | ReactNode | |
| addonBefore | ReactNode | |
| addonAfter | ReactNode | |
| disabled | boolean | false |
| onChange | (event: Event) => void |
示例
-- -------------------- ---- -------
------ - ----- - ---- -----------
-------- ----- -
------ -
-----
------ ------------------ ----- --
--------------- ------------------ --------- --
------ ------------- ------------------ ------- --
------------- ------------------ ------ ----- --
------
------------- ----------- ---
------------- ------------------- ---
------------------ ---- ---- ------ --- -------
--
------
---------------------
-----------------
------------------ -------
--
--------------- -------- ------------------ ----- --
------
--
-总结
brandjlt 提供了丰富的 UI 组件和交互效果，帮助开发者和设计师快速构建美观、高效的网站和应用程序。在使用时，可以通过组合不同的组件和属性来满足自己的需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600571a281e8991b448e82db