This is an alternative site for discovering Elm packages. You may be looking for the official Elm package site instead.
Simple modal dialogs for Elm
version 1.0.0
license BSD3
native-modules False
elm-version 0.18.0 <= v < 0.19.0
Tag 1.0.0
Committed At 2017-08-15 23:27:13 UTC
elm-lang/html 2.0.0 <= v < 3.0.0 2.0.0
elm-lang/core 5.0.0 <= v < 6.0.0 5.1.1




This library exposes functions for conditionally viewing HTML elements inside a modal dialog.

Please note that this library only makes sure that all modals have similar markup with consistent CSS classes; it's still up to you to provide the CSS to actually make the modal appear and disappear. However, you can use this as a starting point!


  • The markup should be as simple as possible
  • The CSS classes assigned to each element should be fully customizable
  • No inline CSS
  • Can't have internal state (duh!)
  • Should have a backdrop. Clicking it should (read: issue a message to) close the dialog
  • Only message it produces should be for closing the dialog. Meaning that the content of the dialog is completely up to you
  • Some basic animations when opening or closing (read: CSS transitions only)
  • Using it shouldn't be too different than using any other Elm Html element function, meaning it should take at the very least:
    • a list of properties (for the top-level element)
    • a list of children elements (the content)


See the Elm package documentation