Vant React

Lightweight Mobile UI Components built on Typescript and React in under 2kb!

Features

• Support Typescript
• 60+ Reusable components
• 100% Storybook coverage: https://vant.bctc.io
• Extensive documentation and demos

Install

# Using npm
npm i @ozo/toxic-ui -S

# Using yarn
yarn add @ozo/toxic-ui

Quickstart

import React from 'react';
import { Button } from '@ozo/toxic-ui';
import '@ozo/toxic-ui/dist/index.css';

const App = () => {
    return (
        <Button text='Hello World' />
    );
};

Components completion status

Basic Components

• [x] Button
• [ ] Cell
• [x] Icon
• [ ] Image
• [ ] Layout
• [ ] Popup
• [x] Built-in style

Form Components

• [ ] Calendar
• [ ] Checkbox
• [ ] DatetimePicker
• [x] Field
• [ ] Form
• [ ] NumberKeyboard
• [ ] PasswordInput
• [ ] Picker
• [ ] Radio
• [x] Rate
• [x] Search
• [ ] Slider
• [ ] Stepper
• [ ] Switch
• [ ] SwitchCell
• [ ] Uploader

Action Components

• [ ] ActionSheet
• [ ] Dialog
• [ ] DropdownMenu
• [ ] Loading
• [ ] Notify
• [ ] Overlay
• [ ] PullRefresh
• [ ] ShareSheet
• [ ] SwipeCell
• [ ] Toast

Display Components

• [ ] Circle
• [ ] Collapse
• [ ] CountDown
• [ ] Divider
• [ ] Empty
• [ ] ImagePreview
• [ ] Lazyload
• [ ] List
• [ ] NoticeBar
• [ ] Panel
• [ ] Progress
• [ ] Skeleton
• [ ] Steps
• [ ] Sticky
• [ ] Swipe
• [x] Tag

Navigation Components

• [ ] Grid
• [ ] IndexBar
• [x] NavBar
• [ ] Pagination
• [ ] Sidebar
• [ ] Tab
• [ ] Tabbar
• [ ] TreeSelect

Business Components

• [ ] AddressEdit
• [ ] AddressList
• [ ] Area
• [ ] Card
• [ ] Contact
• [ ] Coupon
• [ ] GoodsAction
• [ ] SubmitBar
• [ ] Sku

Deprecated

• [ ] SwitchCell

Contribution

Please make sure to read the Contributing Guide before making a pull request.

Or, join our discussion group on Wechat by adding me!

Browser Support

Modern browsers and Android 4.0+, iOS 8.0+.

Open Source License

This is an Open Source Software operating under the MIT License.