lc_modal_custom_projet14

Plugin Modal

modal success - generic component

Tech

• ReactApp-Create React apps with no build configuration
• React Router- Routing library for the React JavaScript library
• Storybook - tool for UI development
• Visual Studio Code - Code editor.
• Github

Example Modal

const  Modal = ({ show, title, children, footer, onClose}) => {
const  modal = (
	<div  className="modal"  data-testid="modal">
		<div  className="modal-container">
			<h3  className="modal-title">{title}</h3>
			<p  className="modal-body">{children}</p>
			<button className="close-button modal-footer"node  data-testid="close-button" onClick={() => {onClose();}}>
				{footer}
			</button>
		</div>
	</div>
	);
	return  show ? ReactDOM.createPortal(modal,document.body) : null;
};

Installation Plugin Modal

• git clone
• npm install
• npm run storybook

Notes

• Package NPM : lc_modal_custom_projet14

Author

Laurène COURDE