0.1.14 • Published 2 years ago

hordofel-ui v0.1.14

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

HORDOFEL-UI

Description

This plugin is for the last project of OpenClassrooms "Front-End" formation .

How to install ?

npm i hordofel-ui

How to use ?

  1. Import the plugin in your project like this :
import Modal from 'hordofel-ui';
  1. The state :
const [displayModal, setDisplayModal] = useState(false);
  1. In the return :
<Modal showModal={displayModal}>
  <p className="text-lg text-white">Employee Created !</p>
  <span
    className="absolute block text-xs text-white cursor-pointer right-3 top-3 icon"
    onClick={() => setDisplayModal(false)}
  >
    Close
  </span>
</Modal>

Modal is a react component that receives a child, so you can put whatever you want in it and customise it as you like. In our example, we put a paragraph and a span as children.

Personalize

  1. As the component is fully customisable, you can use css or tailwind css . We used Tailwind CSS in the previous example.

  2. you can also move the modal where you want by using the class modal.

0.1.14

2 years ago

0.1.13

2 years ago

0.1.12

2 years ago

0.1.11

2 years ago

0.1.10

2 years ago

0.1.9

2 years ago

0.1.6

2 years ago

0.1.5

2 years ago

0.1.4

2 years ago

0.1.3

2 years ago

0.1.2

2 years ago

0.1.1

2 years ago

0.2.1

2 years ago

0.2.0

2 years ago

0.1.0

2 years ago