Quick Start Guide

Follow these simple instructions to set up InteraUI and integrate reusable UI components into your project. 🚀

Installation

1. Install the Library

   Use npm or yarn or pnpm to install intera-ui in your project:

   npm install @elizabthpazp/intera-ui
   

   or

   yarn add @elizabthpazp/intera-ui
   

   or

   pnpm add @elizabthpazp/intera-ui
   

2. Import and Use Components

   • Import styles globally in your project:

     import "@elizabthpazp/intera-ui/dist/globals.css";
     

   • Import and use individual components:

     import { ButtonCard } from "@elizabthpazp/intera-ui";
     
     function App() {
       const [userData, setUserData] = useState(null);
     
       const handleLogin = (email, password, rememberMe) => {
        setUserData({ email, password, rememberMe }); 
       };
     
       return <ButtonCard title={'Login'} darkMode={true} onLogin={handleLogin}></ButtonCard>;
     }
     
     export default App;
     

Development & Contribution

If you want to modify or contribute to the library, follow these steps:

1. Clone the Repository
   git clone https://github.com/elizabthpazp/intera-ui.git
   

2. Navigate into the Project
   cd intera-ui
   

3. Install Dependencies
   npm install
   

4. Run the Development Server
   npm run dev
   

Explore Further

This guide helps you quickly integrate InteraUI into your project. For more details, explore the documentation or check the repository on GitHub. 🚀