Korena UI

Korena UI is a React component library designed to make building user interfaces easier and more efficient. It provides a collection of customizable components that can be used to create beautiful and responsive web applications.

Installation

To install Korena UI, you can use npm or yarn:

#using npm
npm install @korena/ui
#using yarn
yarn install @korena/ui
#using pnpm
pnpm install @korena/ui

Usage

KorenaCalenday

To use a component from Korena UI, simply import it into your React application and render it as needed. Here's an example of how you might use the Button component:

import React from "react";
import { KorenaCalenday } from "@korena-ui";

function App() {
  const event = {
    /* follow the ics guide on how to create an event */
  };
  return (
    <div>
      <KorenaCalenday event={event}>Click me</KorenaCalenday>
    </div>
  );
}

export default App;

SignaturePad

import React, { useState } from "react";
import { KorenaSignaturePad } from "@korena/ui";

const App: React.FC = () => {
  const [signature, setSignature] = (useState < string) | (null > null);

  const handleSign = (signature: string) => {
    setSignature(signature);
  };

  return (
    <div>
      <h1>Signature Pad Example</h1>
      <KorenaSignaturePad onSign={handleSign} />
      {signature && (
        <div>
          <h2>Saved Signature:</h2>
          <img src={signature} alt="Signature" />
        </div>
      )}
    </div>
  );
};

export default App;

Components

Korena UI includes the following React components:

• KorenaCalendar: A customizable calendar button component with support for different variants (primary, secondary, etc.).
• SignaturePad : Add signature signing to your react components

These components are designed to be easy to use and highly customizable, allowing you to tailor them to fit your application's needs.

Contributing

If you'd like to contribute to Korena UI, please fork the repository and submit a pull request. We welcome contributions of all kinds, including bug fixes, feature additions, and documentation improvements.

License

Korena UI is open-source software licensed under the MIT License. See the LICENSE file for more information.