Muyi React Component

Overview

The Interactive React Components Library is a collection of reusable and interactive UI components for building engaging user interfaces in React applications.

Installation

npm i muyi-react-component

usage

to use the modal component

<Mmodal isOpen={isModalOpen} onClose={handleCloseModal}>
    <h2>This is the Modal Content</h2>
    <p>Modal content goes here.</p>
</Mmodal>

to use the card component

<Mcard
    title="Card Title 1"
    content="Lorem ipsum dolor sit amet, consectetur adipiscing elit."
    imageUrl="https://placekitten.com/300/150"
 />

to use the input component

<Minput
        label="Username"
        type="text"
        placeholder="Enter your username"
        value={username}
        onChange={handleUsernameChange}
 />