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.

Slider

A slider to experiment and adjust values with.

Guidelines

Short description

The component allows for easy adjustments of a value and check the updated result immediately.

When and how to use it

On pages where the user can experiment or adjust values in a scale, such as "How much can I borrow?".

Behaviour

A slider element that slides along a horizontal bar.

Do's and don'ts

  • Avoid when when the user has to provide a precise value, which is already known in advance. (e.g. 100’234 EUR)
  • Don't overuse on one page.

Specification

Measurements

The input field is the small size input field, height 2 rem (32 px)

States

  • Hover: Increase size animation 5% on thumb
  • Focus: Blue line on thumb - 3 px with 4 px border-radius

Error handling

Related patterns & components

Page last updated

Feedback

Was this helpful?