d

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

15 St Margarets, NY 10033
(+381) 11 123 4567
ouroffice@aware.com

 

KMF

Modular UI Component Library For React – SonWan UI

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:

SonWan UI Card

SonWan UI Switch

SonWan UI Switch

SonWan UI Swipe

SonWan UI Swipe

SonWan UI Card Check

SonWan UI Card Check

SonWan UI Input

SonWan UI Input

Download Details:

Author: sonnylazuardi

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/sonnylazuardi/sonwan-ui

License: MIT

Credit: Source link

Previous Next
Close
Test Caption
Test Description goes like this