Description:
A modular UI component library based on figma design to build your next React Web Application.
Available Components:
- Card
- Card List
- Switch
- Swipe
- Input
- Card Check
- Icons
How to use it:
1. Install and import the SonWan UI.
# Yarn $ yarn add sonwan-ui # NPM $ npm i sonwan-ui
import "sonwan-ui/build/style.min.css"; import SonWan from "sonwan-ui";
2. Basic usage.
const { Input, Switch, Card, CardItem, ListItem } = SonWan;
return (
<>
<Input placeholder="Search In Codesandbox" />
<Card>
<CardItem
title="Card Title"
subtitle="Sub Title"
/>
</Card>
</>
);Previews:
