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.

Context menu

A contextual menu to find the action connected to an area or item.

Contex menu



Short description

The context menu is used to find actions connected to an area or item. This component used to be called the more menu or overflow menu.

When and how to use it

Use the context menu to give users all the options: that you can’t fit in the regular view, or that you don’t want to clutter the interface. 


It uses a button that triggers a fold-out-modal/dropdown (desktop) or slide-up-modal (mobile).

Destructive items

Some items in the menu may be destructive. Typical example is Delete. These items behave like the delete-button and are displayed in red.

Icon button only

Icon button only

Label + icon button

Label + icon button


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").



Note that this component hides functions for the user. 

  • Don't hide critical functionality
  • Avoid using the menu if there is only one item
  • Make sure to have a descriptive label with the icon




Page last updated


Was this helpful?