@codedrop/modal

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 */
}