##### modals

###### Large model

##### Large modal

##### Overflowing text to show scroll behavior

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

###### midium model

##### Modal Heading

##### Overflowing text to show scroll behavior

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.

###### small model

##### Small modal

...

###### Responsive model

##### Modal Content is Responsive

Recipient:
Message:

###### varying modal content based on trigger button

Use `event.relatedTarget` and HTML `data-*` attributes to vary the contents of the modal depending on which button was clicked.

##### New message

Recipient:
Message: