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.

Page structure

Describing how a component page in Design Library generally is structured.

A component page contains both description and code. Each component has tags at the top of the page which tells you what area it is used in. If you click on a tag, you can filter out all the other components that belong to the same tag. It also has a component identifier, which we use to gather the variations to the same component (see the Code tab).

Usage

In the Usage tab the component is described. Generally it has the following sections:

  • Guidelines:  It says what it is, when to use it and how should it work
  • Do's and don'ts: Here you find recommendations and rules of use

Styles

In the Styles tab, we gather the details of how the component is presented. This can be of interest both to the developer that builds it and to the designer who applies it. So, here you can expect information such as

  • The specification (exact pixel sizes)
  • Use of colour and other css-related info
  • What the states look like (hover, focus, inactive, etc) 

Subsections

Page last updated

Feedback

Was this helpful?