Jenika-UI ✨

Modern UI Library 💎 that is beautifully designed and ready to use to build react applications.

Install

You can install Jenika-UI using npm and yarn.

For NPM User:

npm install jenika-ui-react

For Yarn User:

yarn add jenika-ui-react

Usage

Now use can use the JenikaUI Pre-styled components in your react application by import it into your component as mentioned bellow

import { Button } from "jenika-ui-react"

export default funtion App() {
  return (
    <div>
      <Button text='My Button' size='md' variant='primary'/>
    </div>
  );
}

Components

• Accordion
• Alert
• Alert Dialog
• Badge
• Breadcrumb
• Button
• Typography

Contribute

We'd love for you to contribute to our source code and to make JenikaUI even better than it is today! ❤️

To add new component

After Forking and cloning this repository run the bellow command to auto generate basic template of component, storybook, test file.

For NPM User:

npm run generate <component_name>

For Yarn User:

yarn generate <component_name>

Here component_name refers to the name of the new component that is need to be created

.
├── ...
├── src
|   └── components
│       └── <component_name>
|           └── <component_name>.tsx
|
├── stories
│   └── <component_name>.stories.tsx
|
├── test
│   └── <component_name>.test.tsx
└── ...

License: MIT

Author:

• Yogeshwaran