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.

Use and contribute components

Design Library aims to help you, as a developer, to create the best possible user experience in the apps and websites you build. You'll find not only re-usable code for SEB themed components, but also guidelines and advice on how to make your app consistent, accessible and easy to use.

Use Design Library

How do I use Design Library as a developer?

Design Library contains specification and usage guidelines for a collection of common components. They are located under the Components & Patterns section in the main menu above.

Under the Components subsection you’ll find all the components grouped by category. You can also search for specific components using the search field on the start page or in the menu bar.

On a component page you can find out which repositories contain code for the component, read about the guidelines for that particular component, and find design specifications.

Using components

The recommended way to use components is through NPM. Most of the repositories listed on this website are published as public NPM packages under the @sebgroup namespace. So for example Vanilla can be installed by running $ npm i -D @sebgroup/vanilla and Bootstrap by running $ npm i -D @sebgroup/bootstrap

-D flag means it will install as a dev-dependency, which is usually what you want when developing an app or website.

The repositories which a component is available in is listed near the top of the component page, under “Available in”. Detailed installation and usage instructions are available in each repo, usually in the README.md file.

Contribute to Design Library

Contribute to Design Library

Everyone is welcome to contribute to our library of re-usable components! There are multiple ways you do this in:

  • By improving or adding to any of the repositories connectoed to Design LIbrary.
  • By connecting your own component library to Design Library
  • By getting in touch with us if you have any suggestions or feedback 

Contributing to a repository

All of our repositories are hosted in SEB:s public GitHub organistion. By convention, every repo should have a CONTRIBUTING.md file at the root of the repo. In that file you'll find detailed instructions for how to contribute to that particular repository.

For example:

If the CONTRIBUTING.md file is missing, instructions might be in the repo wiki, or in the README.md file instead.

Adding a component library to Design Library

If you have developed your own component library for your application, we would love to include it in Design Library.

Please get in touch with us at designlibrary@seb.se, and we will help you get started!

Feedback?

Contributions don't have to be code! If you have any ideas, suggestions or other feedback, we would love to hear it! Please get in touch with us at designlibrary@seb.se

Subsections

Page last updated

Feedback

Was this page helpful?