Modals

Description

Modals are pop-up boxes that can be used to view more infomation, for confirming choices or instead of linking to others pages.

Current use cases:

  • Kommuneplatform
    • Subscribe to page flow
    • Citix/Helpdesk information
    • Comments component: Like comment
  • Intranet (See intranet demo pages for examples)
    • Edit links modal
    • Edit interests modal
    • Search for members modal
    • Confirm choice modal

Subscribe to page flow

Modals with forms

Thirdparty: Citix/Helpdesk information

Citix/Helpdesk pop-up trigger list arrow buttons

Global styles

  • Roboto
  • Verdana
  • MaxLF-Regular
  • Open Sans
  • Georgia
  • Arial
  • Exo2
  • IBMPlexMono
  • Playfair Display
  • Fira Sans
  • Montserrat
  • Metropolis
  • Barlow
  • Poppins
  • Ice Cream Slant
  • ID00 Sans
  • ID00 Serif
  • Merriweather
  • Rubik
  • Alverata
  • Resolve
  • Resolve Nrw
  • DM Sans
  • Raleway
  • Bricolage Grotesque
  • Sora
  • Tropiline
  • Caveat
  • Flama
  • Inter
  • Lato
  • Mynerve

  • Inherits sizing from article body

  • Inherits sizing from H3

  • Small text transform

Component styles

  • Footer padding