Awesome Open Source
Awesome Open Source

CP design

React hooks Typescript H5 Mobile Component

English | 简体中文

badge
button
icon

Project screenshot

CP Design Mobile

A configurable Mobile UI specification and React-based implementation.

Features

  • Follow CP Design Mobile UI specification.
  • Configurable UI style for different products.
  • Develop in TypeScript.

🖥 Environment Support

  • Modern browsers and Internet Explorer 11+ (with polyfills)
  • Server-side Rendering
  • Electron
IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Electron
Electron
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions

📦 Install

npm install cp-design --save
yarn add cp-design

✨ Notice

SASS is used in the component library, remember to install node-sass when installing

npm install node-sass --save-dev
yarn add node-sass -D

🔨 Usage

import { Button } from 'cp-design'

const App = () => (
  <>
    <Button type="primary">PRESS ME</Button>
  </>
)

Componets

  • [x] Icon,
  • [x] Button,
  • [x] Input,
  • [x] Row,
  • [x] Col,
  • [x] Affix,
  • [x] Avatar,
  • [x] Badge,
  • [x] Card,
  • [x] CheckboxGroup,
  • [x] Checkbox,
  • [x] Accordion,
  • [x] Divider,
  • [x] Modal,
  • [x] Overlay,
  • [x] Pagination,
  • [x] Progress,
  • [x] Radio,
  • [x] Slider,
  • [x] Step,
  • [x] Spin,
  • [x] Switch,
  • [x] Tabs,
  • [x] Tag,
  • [x] ImagePicker,
  • [x] Toast,
  • [x] ActionSheet,
  • [x] TabBar,
  • [x] PickerPanel,
  • [x] Picker,
  • [x] SegmentedControl,
  • [x] Popover,
  • [x] NoticeBar,
  • [x] SwipeAction
  • [x] ListView

Demo

mobile web demo

https://10086xiaozhang.github.io/CP-DESIGN

Install & Usage

introduce

Browser Support

  • iOS
  • Android 4.0+

Links

Contributing

We welcome all contributions, You can submit any ideas. If you'd like to improve code, check out the Development Instruction and have a good time! :)


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,535,235
Typescript (263,313
Reactjs (75,543
Component (4,563
Demo (4,287
Mobile (3,278
React Hooks (2,741
Design (2,651
React Components (1,370
Component Library (569
Related Projects