简介
@beisen/beaute-core 是一款基于 React 的 UI 组件库,特别适用于企业级应用中的前端开发。该组件库的主要特点是:易用、高效、灵活、可扩展。
安装
在项目中使用 @beisen/beaute-core 的步骤如下:
1. 安装
--- ------- -------------------
2. 引入
------ - ------ - ---- ---------------------
基本用法
Button
用于生成一个按钮,可选的属性如下:
属性名 | 类型 | 默认值 | 描述 |
---|---|---|---|
type | string | "primary" | 按钮类型 ("primary", "success", "warning", "danger", "dashed", "link") |
size | string | "default" | 按钮大小 ("large", "default", "small", "mini") |
disabled | boolean | false | 是否禁用 |
loading | boolean | false | 是否加载中 |
onClick | function | - | 点击事件 |
示例代码:
------ - ------ - ---- --------------------- -------- ----- - ------ - ----- ------- -------------- ----------- -- ------------- --------------- ----------- ------- ------------- ----------------- --------------- ------- ----------- ----------------------------------- --------------- ------- --------------- --------------- ------ -- -
Input
用于生成一个输入框,可选的属性如下:
属性名 | 类型 | 默认值 | 描述 |
---|---|---|---|
type | string | "text" | 输入框类型 |
defaultValue | string | - | 默认值 |
placeholder | string | - | 提示信息 |
disabled | boolean | false | 是否禁用 |
onChange | function | - | 内容改变回调函数 |
onPressEnter | function | - | 按下回车键回调函数 |
示例代码:
------ - ----- - ---- --------------------- -------- ----- - ------ - ----- ------ ------------------- ----- ---- ----- ----------------- -- ---------------------------- -- ------ --------------- ------------------- ----- ---- --------- -- ------ -------- -- ------ -- -
总结
通过本文的介绍,您可以了解到如何使用 @beisen/beaute-core 组件库中的 Button 和 Input 组件,并灵活应用到您的企业级应用中。希望本文对您有所帮助。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/beisen-beaute-core