New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@uiw/react-button-group
Advanced tools
@uiw/react-button-group - npm Package Compare versions
Comparing version 4.21.18 to 4.21.19
| { | ||
| "name": "@uiw/react-button-group", | ||
| "version": "4.21.18", | ||
| "version": "4.21.19", | ||
| "description": "ButtonGroup component", | ||
@@ -47,5 +47,5 @@ "author": "Kenny Wong <wowohoo@qq.com>", | ||
| "dependencies": { | ||
| "@uiw/react-button": "^4.21.18", | ||
| "@uiw/utils": "^4.21.18" | ||
| "@uiw/react-button": "^4.21.19", | ||
| "@uiw/utils": "^4.21.19" | ||
| } | ||
| } |
122
README.md
@@ -19,65 +19,65 @@ ButtonGroup 按钮组 | ||
| <!--rehype:codeSandbox=true&codePen=true--> | ||
| ```jsx | ||
| import ReactDOM from 'react-dom'; | ||
| ```jsx mdx:preview | ||
| import React from 'react'; | ||
| import { Button, Divider, ButtonGroup } from 'uiw'; | ||
| ReactDOM.render( | ||
| <div> | ||
| <ButtonGroup> | ||
| <Button type="primary">主要按钮</Button> | ||
| <Button type="success">成功按钮</Button> | ||
| <Button type="warning">警告按钮</Button> | ||
| <Button type="danger">错误按钮</Button> | ||
| <Button type="light">亮按钮</Button> | ||
| <Button type="dark">暗按钮</Button> | ||
| </ButtonGroup> | ||
| <ButtonGroup style={{ marginTop: 5 }}> | ||
| <Button size="small" type="primary">按钮</Button> | ||
| <Button size="small" type="primary">按钮</Button> | ||
| <Button size="small" type="primary">按钮</Button> | ||
| <Button size="small" type="primary">按钮</Button> | ||
| </ButtonGroup> | ||
| <ButtonGroup style={{ marginTop: 5 }}> | ||
| <Button type="light">按钮</Button> | ||
| <Button type="light">按钮</Button> | ||
| <Button type="light">按钮</Button> | ||
| <Button type="light">按钮</Button> | ||
| </ButtonGroup> | ||
| <Divider style={{ maxWidth: 220 }}>添加图标</Divider> | ||
| <ButtonGroup> | ||
| <Button icon="copy" type="primary">复制</Button> | ||
| <Button icon="delete" type="success">删除</Button> | ||
| <Button icon="file-add" type="warning">添加文件</Button> | ||
| <Button icon="map" type="danger">地图</Button> | ||
| <Button icon="linux" type="light">Linux</Button> | ||
| <Button icon="apple" type="dark">Apple</Button> | ||
| </ButtonGroup> | ||
| <ButtonGroup style={{ marginTop: 5 }}> | ||
| <Button icon="copy" type="primary">复制</Button> | ||
| <Button icon="delete" type="primary">删除</Button> | ||
| <Button icon="file-add" type="primary">添加文件</Button> | ||
| <Button icon="map" type="primary">地图</Button> | ||
| <Button icon="linux" type="primary">Linux</Button> | ||
| <Button icon="apple" type="primary">Apple</Button> | ||
| </ButtonGroup> | ||
| <ButtonGroup style={{ marginTop: 5 }}> | ||
| <Button icon="copy">复制</Button> | ||
| <Button icon="delete">删除</Button> | ||
| <Button icon="file-add">添加文件</Button> | ||
| <Button icon="map">地图</Button> | ||
| <Button icon="linux">Linux</Button> | ||
| <Button icon="apple">Apple</Button> | ||
| </ButtonGroup> | ||
| <ButtonGroup style={{ marginTop: 5 }}> | ||
| <Button icon="copy" /> | ||
| <Button icon="delete" /> | ||
| <Button icon="file-add" /> | ||
| <Button icon="map" /> | ||
| <Button icon="linux" /> | ||
| <Button icon="apple" /> | ||
| </ButtonGroup> | ||
| </div>, | ||
| _mount_ | ||
| ); | ||
| export default function Demo() { | ||
| return( | ||
| <div> | ||
| <ButtonGroup> | ||
| <Button type="primary">主要按钮</Button> | ||
| <Button type="success">成功按钮</Button> | ||
| <Button type="warning">警告按钮</Button> | ||
| <Button type="danger">错误按钮</Button> | ||
| <Button type="light">亮按钮</Button> | ||
| <Button type="dark">暗按钮</Button> | ||
| </ButtonGroup> | ||
| <ButtonGroup style={{ marginTop: 5 }}> | ||
| <Button size="small" type="primary">按钮</Button> | ||
| <Button size="small" type="primary">按钮</Button> | ||
| <Button size="small" type="primary">按钮</Button> | ||
| <Button size="small" type="primary">按钮</Button> | ||
| </ButtonGroup> | ||
| <ButtonGroup style={{ marginTop: 5 }}> | ||
| <Button type="light">按钮</Button> | ||
| <Button type="light">按钮</Button> | ||
| <Button type="light">按钮</Button> | ||
| <Button type="light">按钮</Button> | ||
| </ButtonGroup> | ||
| <Divider style={{ maxWidth: 220 }}>添加图标</Divider> | ||
| <ButtonGroup> | ||
| <Button icon="copy" type="primary">复制</Button> | ||
| <Button icon="delete" type="success">删除</Button> | ||
| <Button icon="file-add" type="warning">添加文件</Button> | ||
| <Button icon="map" type="danger">地图</Button> | ||
| <Button icon="linux" type="light">Linux</Button> | ||
| <Button icon="apple" type="dark">Apple</Button> | ||
| </ButtonGroup> | ||
| <ButtonGroup style={{ marginTop: 5 }}> | ||
| <Button icon="copy" type="primary">复制</Button> | ||
| <Button icon="delete" type="primary">删除</Button> | ||
| <Button icon="file-add" type="primary">添加文件</Button> | ||
| <Button icon="map" type="primary">地图</Button> | ||
| <Button icon="linux" type="primary">Linux</Button> | ||
| <Button icon="apple" type="primary">Apple</Button> | ||
| </ButtonGroup> | ||
| <ButtonGroup style={{ marginTop: 5 }}> | ||
| <Button icon="copy">复制</Button> | ||
| <Button icon="delete">删除</Button> | ||
| <Button icon="file-add">添加文件</Button> | ||
| <Button icon="map">地图</Button> | ||
| <Button icon="linux">Linux</Button> | ||
| <Button icon="apple">Apple</Button> | ||
| </ButtonGroup> | ||
| <ButtonGroup style={{ marginTop: 5 }}> | ||
| <Button icon="copy" /> | ||
| <Button icon="delete" /> | ||
| <Button icon="file-add" /> | ||
| <Button icon="map" /> | ||
| <Button icon="linux" /> | ||
| <Button icon="apple" /> | ||
| </ButtonGroup> | ||
| </div> | ||
| ); | ||
| } | ||
| ``` | ||
@@ -84,0 +84,0 @@ |
No alert changes
Improved metrics
- Total package byte prevSize
- increased by0.46%
19642
Dependency changes
Updated@uiw/react-button@^4.21.19
Updated@uiw/utils@^4.21.19