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.

Sticky button bar

This is a white bar that contains buttons and sticks to the bottom when scrolling.

Guidelines

Short description

The sticky bottom bar can be used in both a desktop and a mobile context to give the user the fastest call-to-action.

In the sticky bottom bar container, components such as label, value and button can be used.

When and how to use it

Use the sticky bottom bar when a call-to-action must be visible at all times. 

Behaviour

The sticky bottom bar is presented at the bottom. There is a black shadow that gives the impression of the bar floating on top of the content.

Particularily useful when designing web pages that will be integrated inside an app.

The (primary) button component is placed to the right.

Do's and don'ts

  • The sum bar is white. Do not use other colours.

Examples

Specification

Measurements

  • Height: 76 px
  • Width: 100%

Shadow

  • Shadow (top): X: 0px, Y: 2px, Blur: 5px, Spread: 0
  • Shadow: #000000 Alpha: 0,25 

Colours

  • See primary and secondary Buttons 

Page last updated

Feedback

Was this page helpful?