<Modal /> component

Will contains x button and close button to close

• The modal will be full screen
• x button and bottom bar (which will contains the buttons) are static
• The modal’s content is scrollable

props:

• onSave - [optional] function (callback)
• onClose - [optional] function (callback)
• title - [optional] string

Invision mobile desktop

Eventually the use of this component will be via the useModal hook.

For example, a simple alert modal will look something like this

export const Alert = () => {
  const onSave = () => alert('saved');
  return  (<Modal onSave={onSave}>
    Hi there
  </Modal>);
}

Then, to show this alert, we’ll call to useModal:

const [showAlert] = useModal(<Alert />);
showAlert();

(I hope that the example simplify the explanation 😅)

---

Thank you for your contribution. Please read the guide.

[moshfeu]

Thank you @Guin-! Let’s wait just a bit, ok?

[Guin-]

Awesome! Will let you know if i have questions 😄