# lpf-ui

> React components library

Latest version **0.1.3** (published 2022-06-13) · MIT license · 0 weekly downloads

## Install

```sh
npm install lpf-ui
pnpm add lpf-ui
yarn add lpf-ui
bun add lpf-ui
```

## 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.1.3 |
| Published | 2022-06-13 |
| First published | 2022-06-09 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 11 |
| Unpacked size | 51.4 KB |
| Known vulnerabilities | 0 (+24 in 1 direct dependencies) |
| Install scripts | no |
| Author | Li |
| Maintainers | lpfnpm |
| Keywords | components, React, UI |

## Links

- npm: https://www.npmjs.com/package/lpf-ui
- Repository: https://github.com/newRMB/pf-uI
- Issues: https://github.com/newRMB/pf-uI/issues
- npm.io page: https://npm.io/package/lpf-ui

## Dependencies (11)

- [sass](https://npm.io/package/sass.md) ^1.52.1
- [axios](https://npm.io/package/axios.md) ^0.27.2
- [react](https://npm.io/package/react.md) >=16.8.0
- [react-dom](https://npm.io/package/react-dom.md) >=16.8
- [classnames](https://npm.io/package/classnames.md) ^2.3.1
- [web-vitals](https://npm.io/package/web-vitals.md) ^2.1.4
- [normalize.css](https://npm.io/package/normalize.css.md) ^8.0.1
- [react-transition-group](https://npm.io/package/react-transition-group.md) ^4.4.2
- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) ^0.1.18
- [@fortawesome/fontawesome-svg-core](https://npm.io/package/@fortawesome/fontawesome-svg-core.md) ^6.1.1
- [@fortawesome/free-solid-svg-icons](https://npm.io/package/@fortawesome/free-solid-svg-icons.md) ^6.1.1

## 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
- [@progress/kendo-vue-listbox](https://npm.io/package/@progress/kendo-vue-listbox.md) — 932 weekly downloads

## Recent versions

- 0.1.3 (latest) — 2022-06-13
- 0.1.2 — 2022-06-09
- 0.1.1 — 2022-06-09
- 0.1.0 — 2022-06-09

## README

# 介绍

## 开发目的

这是我在学习react过程中开发的一个简单框架，希望对你有所帮助

## 基本信息

lpf-UI是一个基于React的PC端UI组件库，目前包括有Button、Alert、AutoComplete、Icon、Input、Menu、Progress、Upload组件，项目尚未完工，持续更新中。

lpf-UI是个人学习过程中造出来的UI库，如果你在使用过程中发现问题， 非常感谢你提出宝贵意见。 PS：目前项目属于开发中，暂不建议在生产项目中使用。

# 快速上手



## 安装



```js
npm i lpf-ui
```

```js
yarn add lpf-ui
```

## 示例



```js
import { Button, Input } from "lpf-ui"

const App = () => (
  <>
    <Button btnType="primary">PRESS ME</Button>
      <Input defaultValue="input" />
  </>
);
```

## 引入样式

```js
import "lpf-ui/dist/index.css";
```

以上代码便完成了 lpf-ui 的引入。需要注意的是，样式文件需要单独引入。

---
_Source: https://npm.io/package/lpf-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._