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.
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.
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.
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
Everyone is welcome to contribute to our library of re-usable components! There are multiple ways you do this in:
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.
CONTRIBUTING.md file is missing, instructions might be in the repo wiki, or in the
README.md file instead.
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 firstname.lastname@example.org, and we will help you get started!
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 email@example.com