cc-hun-ui v1.8.5

Component Library

This is a component library built with React and Storybook. It includes various reusable UI components.

Table of Contents

• Component Library
  • Table of Contents
  • Installation
  • Usage
  • Components

Installation

To install the component library, run:

npm i cc-hun-ui

Usage

To use the components in your project, import them as follows:

import { Button } from './src/components/Button/Button';
import { Loader } from './src/components/Loader/Loader';
import { Navbar } from './src/components/NavBar/Navbar';
import { LoginPage } from './src/components/LoginPage/LoginPage';

// Example usage
const App = () => (
  <div>
    <Navbar />
    // pass in args for the components that need it
  </div>
);

export default App;

Components

• Button: A customizable button component.
• Card: A card component with a title, description, and button.
• Loader: A loader component to indicate loading state.
• LoginPage: A login page component with customizable form elements.
• Navbar: A navigation bar component with customizable links and icons.
• Separator: A separator that can have a text too, mainly for the Settings Sidebar but for anything really.
• File input: An elegant looking input for files.
• Switch: Smooth Switch component with customizable colors
• NavBarButton: A pre-made component to add costumized children to Navbar, which can have the same look in the Navbar as others