@tsx-react-ui/button
v1.0.0
Published
* 作者：maqing01 * 邮箱：[email protected]
Readme
@tsx-react-ui/button
- 作者：maqing01
- 邮箱：[email protected]
介绍
The button component of the react written in Typescript
安装
组件使用 npm 进行管理，请使用以下命令进行组件安装：
npm i @tsx-react-ui/button --save- 安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
使用
样例文档
- 待开发
使用
最少配置参数为：
<Button />配置参数实现带有子元素的吸底按钮使用方式为：
<Button
type="blue-white"
position="fixed"
handle={() => console.log('被触发！')} >
<a style={{display: "block", width: "100%", height: "100%"}} href="/">去首页</a>
</Button>配置参数
| Prop | Type | Default | Description |
| ---- |:----:|:-------:| :----------:|
| content | string | undefined | 按钮内容 |
| type | string | undefined | 按钮类型（颜色） |
| size | string | undefined | 按钮大小 |
| position | string | undefined | 按钮位置（正常文档流内还是吸底） |
| className | string | undefined | 按钮自定义样式 |
| disabled | string/boolean | false | 按钮是否可点击 |
| href | string | undefined | 按钮点击后的跳转链接 |
| handle | func | undefined | 点击触发事件 |
注意事项
- 组件注意事项
开发调试
进入项目目录后，使用 node 命令启动服务
npm run start打包发布可通过 node 命令执行
npm run build
npm publish