DEV Community

Cover image for YUVA: A Component Based React Library
Manas Mishra
Manas Mishra

Posted on

1 1

YUVA: A Component Based React Library

I started developing my first React Based Library, which is by now, is just a side project.

You can consider this series, as the progress of YUVA, as a library, which I will keep updating in this series, every week.

Current Status of the Project

  1. Created a Button component, in which you can pass title and type prop. title: You can pass title as a prop get text inside the button.
<Button title="Yuva" />
Enter fullscreen mode Exit fullscreen mode

which will be shown like the below button

Button title

type: If you need, eithher primary button, or ghost button, info buttons etc. You just have to pass type as a prop, and then you can call any type of pre-defined button.

<Button type="primary" title="Manas" />
<Button type="success" title="Manas" />
<Button type="warning" title="Manas" />
<Button type="danger" title="Manas" />
<Button type="info" title="Manas" />
<Button type="text" title="Manas" />
<Button type="ghost" title="Manas" />
<Button type="raised" title="Manas" />
Enter fullscreen mode Exit fullscreen mode

Button types

Only this is being done by now, and planning to increase more functionality in the Button prop.

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay