@codedrop/modal

modal component

Usage no npm install needed!

<script type="module">
  import codedropModal from 'https://cdn.skypack.dev/@codedrop/modal';
</script>

README

@codedrop/modal

npm

modal styles.

Installation

npm install @codedrop/modal --save-dev

How to use

CSS

  • PostCSS workflow: @import '@codedrop/modal';
  • Native CSS: @import url('dist/modal.css');
  • Link tag: <link href="dist/modal.css" rel="stylesheet" type="text/css">

React Component

Include the component using

import Modal from '@codedrop/modal'

Use the component like

<Modal className="some--class" buttonText="" title="Modal H3 Title">
  <p>Modal children go here.</p>
</Modal>

Developer notes

To use with default values:

@import '@codedrop/modal';

To override variables in a project:

@import '@codedrop/constants';

@import 'path/to/local/project/vars.css';

@import '@codedrop/modal/src/_modal.css';

.modal {
  /* Overrides */
}