# react-swui
> react mobile components sw-ui
Latest version **0.2.2** (published 2021-01-13) · MIT license · 0 weekly downloads
## Install
```sh
npm install react-swui
pnpm add react-swui
yarn add react-swui
bun add react-swui
```
## Health
**Score 30/100 (F)** — status: abandoned.
Positive: has types; esm support; no vulnerabilities; high quality score.
Warnings: low downloads; pre 1.0.
Negative: abandoned; low maintenance score.
## Facts
| | |
|---|---|
| Version | 0.2.2 |
| Published | 2021-01-13 |
| First published | 2020-12-21 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 18 |
| Unpacked size | 239.8 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 1 |
| Author | sw qiu |
| Maintainers | qq982537765 |
| Keywords | Component, UI, React |
## Links
- npm: https://www.npmjs.com/package/react-swui
- Repository: https://github.com/QShengW/sw-ui
- Homepage: https://github.com/QShengW
- Issues: https://github.com/QShengW/sw-ui/issues
- npm.io page: https://npm.io/package/react-swui
## Dependencies (18)
- [react](https://npm.io/package/react.md) ^17.0.1
- [rimraf](https://npm.io/package/rimraf.md) ^3.0.2
- [node-sass](https://npm.io/package/node-sass.md) ^4.0.0
- [react-dom](https://npm.io/package/react-dom.md) ^17.0.1
- [classnames](https://npm.io/package/classnames.md) ^2.2.6
- [typescript](https://npm.io/package/typescript.md) ^4.0.3
- [web-vitals](https://npm.io/package/web-vitals.md) ^0.2.4
- [@types/jest](https://npm.io/package/@types/jest.md) ^26.0.15
- [@types/node](https://npm.io/package/@types/node.md) ^12.0.0
- [@types/react](https://npm.io/package/@types/react.md) ^16.9.53
- [react-scripts](https://npm.io/package/react-scripts.md) 3.4.4
- [@types/react-dom](https://npm.io/package/@types/react-dom.md) ^16.9.8
- [@types/classnames](https://npm.io/package/@types/classnames.md) ^2.2.11
- [@testing-library/react](https://npm.io/package/@testing-library/react.md) ^11.1.0
- [react-transition-group](https://npm.io/package/react-transition-group.md) ^4.4.1
- [@testing-library/jest-dom](https://npm.io/package/@testing-library/jest-dom.md) ^5.11.4
- [@testing-library/user-event](https://npm.io/package/@testing-library/user-event.md) ^12.1.10
- [@types/react-transition-group](https://npm.io/package/@types/react-transition-group.md) ^4.4.0
## Alternatives
- [@progress/kendo-ooxml](https://npm.io/package/@progress/kendo-ooxml.md) — 152.1K weekly downloads
- [@progress/kendo-react-ripple](https://npm.io/package/@progress/kendo-react-ripple.md) — 8.0K weekly downloads
- [@progress/kendo-react-orgchart](https://npm.io/package/@progress/kendo-react-orgchart.md) — 4.3K weekly downloads
- [@praxisui/dynamic-fields](https://npm.io/package/@praxisui/dynamic-fields.md) — 2.4K weekly downloads
- [@mesalvo/react-ui](https://npm.io/package/@mesalvo/react-ui.md) — 1.7K weekly downloads
## Recent versions
- 0.2.2 (latest) — 2021-01-13
- 0.2.1 — 2021-01-12
- 0.2.0 — 2021-01-12
- 0.1.9 — 2021-01-05
- 0.1.8 — 2021-01-04
- 0.1.7 — 2020-12-31
- 0.1.6 — 2020-12-31
- 0.1.5 — 2020-12-25
- 0.1.4 — 2020-12-25
- 0.1.3 — 2020-12-22
- 0.1.2 — 2020-12-22
- 0.1.1 — 2020-12-21
- 0.1.0 — 2020-12-21
## README
Welcome to react-swui 👋
### 🏠 [Homepage](https://github.com/QShengW/sw-ui)
## Install
```sh
yarn add react-swui
# or
npm i react-swui
```
## Usage
```jsx
import React from 'react';
import { Button } from 'react-sw';
import 'react-swui/dist/index.css';
export default () => {
return (
<>
);
};
```
# 🥥 [All Use Cases](https://github.com/QShengW/sw-ui/blob/master/src/App.tsx)
# React Mobile Component
Current projects include component encapsulation for everyday use
## 目录结构
```js
components
├── BackTop # 返回顶部
├── Badge # 徽标 在右上角展示徽标数字或小红点。
├── Button # 按钮
├── Icon # 样式图标
├── Image # 图片组件
├── Loading # 加载组件
├── LoadMore # 加载完成 ｜ 加载中
├── Overlay # 遮罩层
├── Popup # 上下左右弹出 支持拖拽 关闭
├── Switch # 开关
├── TextAlign # 文字对齐
├── Checkbox # 复选框 用于在选中和非选中状态之间进行切换。
├── Cascader # 数据选择 三级选择 支持 数据格式化 支持 异步请求
├── Cell # 单元格为列表中的单个展示项。
├── ActionSheet # 底部弹起的模态面板，包含与当前情境相关的多个选项。
├── ..............
```
## directory structure
```js
The following is an introduction to the catalog structure of the whole project。
components # Packaged components
├── BackTop # Back to the top
├── Badge # The logo shows the logo number or small red dot in the upper right corner
├── Button # Button
├── Icon # Icon
├── Image # Image
├── Loading # Loading
├── LoadMore # LoadMore ｜ LoadMore ing
├── Overlay # Overlay
├── Popup # Popup
├── Switch # Switch
├── Cascader # Cascader
├── TextAlign # TextAlign
├── Checkbox # Checkbox。
├── Cascader # Cascader
├── Cell # Cell
├── ActionSheet # ActionSheet
├── ..............
```
---
_Source: https://npm.io/package/react-swui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._