custom-modal-web-component v1.0.8

Custom modal

Bachelor thesis project.

Technology

Project created based on Web Components

• HTML
• CSS
• JavaScript
• Webpack

NPM package

Link to package

Usage in project

Install the package from NPM

$ npm i custom-modal-web-component

Use as a tag in your project

<custom-modal title='My modal'>
    <div slot='content'>Modal content as a slot</div>
</custom-modal>

Parameters

Available events

btn-click - event triggered when footer button clicked.

close - event triggered when closed the modal (X button clicked).

Development

Install the dependencies and devDependencies and start the server.

$ npm install

Build the development version.

$ npm run dev

Build the production version.

$ npm run build

Run webpack server and watch the changes.

$ npm run serve