This is the package for the modal for the last project (HrNet), of the react course on OpenClassRooms
npm install @bipce/hrnet_modal_packageHrNet modal package is a package that display a modal containing text with changeable classNames so you can design as
you want and a button.
To install, you can use npm or yarn:
$ npm i @bipce/hrnet_modal_package
$ yarn add @bipce/hrnet_modal_package
Each element can be customised by applying your own className.
All classNames are optional.
| Name | Description | Optional ? |
|------------------|---------------------------------------------|:----------:|
| sectionClassName | Affects the design of the section element | YES |
| pClassName | Affects the design of the paragraph element | YES |
| btnClassName | Affects the design of the button element | YES |
| iconClassName | Affects the design of the icon element | YES |
| message | Is the message you'll want the user to see | NO |
| onHandleClick | Affects the button action when click | YES |
Before using the modal you'll need to install @heroicons/react in your project.
In the example I use it with tailwind, but you can use it with css classes.
``js
import { Modal } from "@bipce/hrnet_modal_package";
shadow-lg shadow-slate-950"
btnClassName="absolute -right-2 -top-3.5 flex items-center rounded-2xl border border-sky-50 bg-red-800 p-1
text-sm hover:border-slate-200 hover:bg-red-800"/>
``