Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/webyom/pant
Mobile UI Components built on Preact. Ported from Vant.
https://github.com/webyom/pant
Last synced: about 2 months ago
JSON representation
Mobile UI Components built on Preact. Ported from Vant.
- Host: GitHub
- URL: https://github.com/webyom/pant
- Owner: webyom
- Created: 2020-02-22T08:14:37.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T08:05:12.000Z (about 2 years ago)
- Last Synced: 2024-11-02T10:33:53.293Z (2 months ago)
- Language: TypeScript
- Homepage: https://webyom.github.io/pant/
- Size: 8.01 MB
- Stars: 26
- Watchers: 2
- Forks: 1
- Open Issues: 29
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: .github/CONTRIBUTING.md
Awesome Lists containing this project
- awesome-preact - Pant - Mobile UI Components built on Preact *([docs and demos](https://webyom.github.io/pant))*. Ported from awesome Vue components of [Vant](https://github.com/youzan/vant). (Uncategorized / Uncategorized)
README
# Pant
[](https://codecov.io/gh/webyom/pant)
[](http://commitizen.github.io/cz-cli/)
Mobile UI Components built on Preact
Ported from [Vant](https://github.com/youzan/vant)
### Install
```bash
# Using npm
npm i pant -S
# Using yarn
yarn add pant
```
### Import base style
Import base style in your bootstrap file.
```js
import 'pant/es/styles/base.scss';
```
### Import component on demand
```js
import { Button } from 'pant/es/button';
```
### Components
- Basic Components
- [Button](https://webyom.github.io/pant/#/components/button)
- [Cell](https://webyom.github.io/pant/#/components/cell)
- [Image](https://webyom.github.io/pant/#/components/img)
- [Layout](https://webyom.github.io/pant/#/components/layout)
- [Popup](https://webyom.github.io/pant/#/components/popup)
- [Built-in Styles](https://webyom.github.io/pant/#/components/styles)
- Form Components
- [Checkbox](https://webyom.github.io/pant/#/components/checkbox)
- [Field](https://webyom.github.io/pant/#/components/field)
- [Form](https://webyom.github.io/pant/#/components/form)
- [NumberKeyboard](https://webyom.github.io/pant/#/components/number-keyboard)
- [PasswordInput](https://webyom.github.io/pant/#/components/password-input)
- [Picker](https://webyom.github.io/pant/#/components/picker)
- [Radio](https://webyom.github.io/pant/#/components/radio)
- [Switch](https://webyom.github.io/pant/#/components/switch)
- Action Components
- [ActionSheet](https://webyom.github.io/pant/#/components/action-sheet)
- [Dialog](https://webyom.github.io/pant/#/components/dialog)
- [Loading](https://webyom.github.io/pant/#/components/loading)
- [Notify](https://webyom.github.io/pant/#/components/notify)
- [Overlay](https://webyom.github.io/pant/#/components/overlay)
- [PullRefresh](https://webyom.github.io/pant/#/components/pull-refresh)
- [Toast](https://webyom.github.io/pant/#/components/toast)
- Diaplay Components
- [Lazyload](https://webyom.github.io/pant/#/components/lazyload)
- [List](https://webyom.github.io/pant/#/components/list)
- [Skeleton](https://webyom.github.io/pant/#/components/skeleton)
- [Sticky](https://webyom.github.io/pant/#/components/sticky)
- [Tag](https://webyom.github.io/pant/#/components/tag)
- Navigation Components
- [Tab](https://webyom.github.io/pant/#/components/tab)
- Business Components
- [Card](https://webyom.github.io/pant/#/components/card)
- [SubmitBar](https://webyom.github.io/pant/#/components/submit-bar)
### Preview
You can scan the following QR code to access the demo on mobile
### Docs
https://webyom.github.io/pant/