Internet Explorer is not supported by Design Library

The last version of Internet Explorer, version 11, was released on October 17, 2013. This is a very long time ago when taking into account the rapid development of web technologies. These days it is often difficult and time consuming to get modern technologies to work well in this old browser. More and more frameworks are dropping support, and even Microsoft themselves has announced that they will fully drop support for IE in their own services in 2021.

Consequently, we have decided to not include support for IE in the Design Library website.

Luckily, there are modern options in active development. Please use Firefox, Edge or Chrome instead.

More menu

Temporary page

More menu

Use the More menu to give users all the options that you can’t, or want, fit in the regular view. It uses a button that triggers a fold-out-modal/dropdown (desktop) or slide-up-modal (mobile).

The dropdown is often used in the top-right corner of a widget, or at the end of a table-row. When it needs a label, consider using Options or Actions ("Välj"). 

 

Specfication

More menu states

More menu

More menu

  • Default background: Transparent
  • Default icon: Dark Blue 2
  • Hover background: Dark Blue 1
  • Hover icon: White
  • Pressed: Dark Blue 1
  • Disabled background: Grey 200
  • Disabled icon: Grey 500
  • Focus background: Dark Blue 2
  • Focus gradient: 4 px outline in Blue, box-shadow: 0 0 4px 1px in Blue

 

Component meta

Component identifier

component-moremenu

Tags

Design principles

Page last updated

Feedback

Was this helpful?