nozolan-library v1.1.87

nozolan-library

Running locally

npx storybook@latest init
npm install --force

Running Story book to view All components

npm run storybook

Updating or Creating a New Component in nozolan-library

1. Clone the Repository

2. Navigate to the Project Directory

3. Create or Update the Component

   Create a new component or update an existing one under the src directory. Make sure the component follows the established patterns and conventions within the library.

   npm run build

4. Update Documentation

   Update the README.md file to include documentation for the newly created or updated component. Clearly specify the props, their types,and any other relevant information.

5. Update Package Version

   Update the version number in the package.json file following semantic versioning rules. You can use the npm version command for this.

   example : "version": "0.1.0" ===> "version": "0.1.1"

7- Don't forget to Commit Changes and Push it.

8- Log in to NPM

npm config get registry : https://registry.npmjs.org/ if not

npm config set registry https://registry.npmjs.org/

npm login

npm publish

Using components in Nozolan website

Add nozolan-library to your project by executing `npm install nozolan-library` or `yarn add nozolan-library`

Usage

Here's an example of basic usage:

import { NozRegisterButton } from "nozolan-library/src/index";

function MyApp() {
  return (
    <div>
      <NozRegisterButton variant="contained">Register</NozRegisterButton>
    </div>
  );
}

import { NozImagePicker } from "nozolan-library/src/index";

function MyApp() {
  const handleImageSelect = (selectedImage: File | null) => {
    console.log("Selected Image:", selectedImage);
  };

  return <NozImagePicker onImageSelect={handleImageSelect} />;
}