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.

Chips

A component to display a filter or a property with the possibility to remove the property.

Guidelines

Short description

To display a property in an intuitive and easy way. Like in a filter.

When and how to use it

In views where a property needs to be displayed with the possibility to remove the property and it will be removed directly.

If you only want to display status', use the Badge component.

Behaviour

Updates directly, clear message what it contains. Remove the property on click.

Do's and don'ts

  • Avoid using other colours

Specification

Measurements

  • Height: 32 px
  • Border-radius: 4px
  • Padding: 8px left-right-top-bottom
  • Font: Medium 16 px
  • Fill: Grey 200

Colours

  • Grey 200

Examples

Example

Click on "Lägg till filter" (Add filter)

Slide-out with available filter selection.

Mobile viewport

Page last updated

Feedback

Was this helpful?