Pant

Mobile UI Components built on Preact

Ported from Vant

Install

# Using npm
npm i pant -S

# Using yarn
yarn add pant

Import base style

Import base style in your bootstrap file.

import 'pant/es/styles/base.scss';

Import component on demand

import { Button } from 'pant/es/button';

Components

• Basic Components
  • Button
  • Cell
  • Image
  • Layout
  • Popup
  • Built-in Styles
• Form Components
  • Checkbox
  • Field
  • Form
  • NumberKeyboard
  • PasswordInput
  • Picker
  • Radio
  • Switch
• Action Components
  • ActionSheet
  • Dialog
  • Loading
  • Notify
  • Overlay
  • PullRefresh
  • Toast
• Diaplay Components
  • Lazyload
  • List
  • Skeleton
  • Sticky
  • Tag
• Navigation Components
  • Tab
• Business Components
  • Card
  • SubmitBar

Preview

You can scan the following QR code to access the demo on mobile

Docs

https://webyom.github.io/pant/