React Designer UI

React Designer UI Library. (npm)

This React Components Library is a self-produced project.

It will be updated continuously and will be submitted as a portfolio.

If you tell me about this library strictly, I will revise it quickly based on it.

Installation

Available as an npm package.

$ npm install react-designer-ui

First Setting:

import { /* Component Name */ } from 'react-designer-ui';

Here's a simple example of creating a button:

<Button disabled={false}>TEST</Button>

Here's a simple example of creating a modal:

<Modal visible={true}>TEST</Modal>

Here's a simple example of creating a input:

<Input placeholder="TEST PLACEHOLDER" helperText="TEST HELPERTEXT" />

Here's a simple example of creating a tag:

<Tag>TEST</Tag> // type prop: (red, blue, green, yellow)

Here's a simple example of creating a List:

<List>
    <li>TEST 1</li>
    <li>TEST 2</li>
    <li>TEST 3</li>
</List>

Here's a simple example of creating a Switch:

<Switch inputId="TEST" />

Here's a simple example of creating a Loading:

<Loading />

Here's a simple example of creating a ProgressBar:

<ProgressBar percentage={100} />