@kubit-ui-web/react-components 1.0.0-beta.1 → 1.0.0-beta.3

package/README.md

@@ -1,13 +1,30 @@
 <p align="center">
   <a href="https://kubit-ui.com">
     <picture>
-      <source media="(prefers-color-scheme: dark)" srcset="./assets/readme_logo.png">
-      <img src="./assets/readme_logo.png" height="128">
+      <source media="(prefers-color-scheme: dark)" srcset="./assets/banner_kubit_readme.png">
+      <img src="./assets/banner_kubit_readme.png" width="70%">
     </picture>
-    <h1 align="center">Kubit</h1>
   </a>
 </p>
 
+<div align='center'>
+  
+<a href='#'>
+<img src='./assets/version.png' width="150px">
+</a>
+  
+<a href='#'>
+<img src='./assets/license.png' width="230px">
+</a>
+  
+</div>
+
+<br />
+
+---
+
+<br />
+
 # Getting Started
 
 ## Installation
@@ -17,13 +34,13 @@ To install the package, run the following command:
 ### npm
 
 ```bash
-npm install @kubit-ui/react-components
+npm install @kubit-ui-web/react-components
 ```
 
 ### yarn
 
 ```bash
-yarn add @kubit-ui/react-components
+yarn add @kubit-ui-web/react-components
 ```
 
 This will install the package and its dependencies. Now you can import the components and use them in your application.
@@ -33,13 +50,15 @@ This will install the package and its dependencies. Now you can import the compo
 To use the components, import them from the package and use them in your application.
 
 ```tsx
-import { Button, KubitProvider } from '@kubit-ui/react-components';
+import { Button, KubitProvider } from '@kubit-ui-web/react-components';
 import React from 'react';
 
 const App = () => {
   return (
     <KubitProvider>
-      <Button>Click me</Button>
+      <Button variant="PRIMARY" size="MEDIUM">
+        Click me
+      </Button>
     </KubitProvider>
   );
 };