kenil

Installation

To install the Kenil package, run the following command:

npm i kenil

Importing Styles

After installing the package, import the CSS styles in the root of your project (typically in index.js or index.ts):

import 'kenil/dist/styles.css';

Usage

To use the NavbarRound component in your application, first import the component:

import { NavbarRound } from 'kenil';

Then, you can use it in your React component like this:

import React, { useState } from 'react';
import { NavbarRound } from 'kenil';

const App = () => {
  // Define your navbar data
  const [data, setData] = useState({
    id: "",
    value: [
      {
        name: "Home",
        link: "https://reactrouter.com/en/main/start/tutorial",
        className: ""
      },
      // ... add more items as needed
    ],
    logo: "logo.png", // Ensure this path is correct and accessible in your project
  });

  return (
    <div>
      <NavbarRound value={data.value} logo={data.logo} />
    </div>
  );
};

export default App;