@s-ds/components v1.0.4

Scania Digital Design System components

Technical documentation

Check out Scania Digital Design System for implementation and technical documentation.

Quick start

Several options to add components in the project:

Install components via NPM package by running the command below.

npm i @s-ds/components

Import component as a module with defineCustomElements function.

import { defineCustomElements } from '@s-ds/components';

defineCustomElements();

Add link to the script by adding the following to the head

<script src="https://digitaldesign.scania.com/build/components/4.x/core.js"></script>

Replace x with available releases.

See all available components in the Scania Digital Design System.

Styling

To apply Scania styles, you need to add a theme package and use c-theme component. Check out Scania theme documentation for detail documentation.

Browser support

• Chrome (and all Chromium based browsers)
• Firefox
• Edge
• Safari

The components are not supported in IE11 at the moment.

Contributing

Please read through our contributing guidelines for the directions to develop components, create a pull request and coding standard.

• Report bug
• Request feature

Community

Get in touch with the team and the community:

• Teams

License

All CSS, HTML and JS code are available under the MIT license. The Scania brand identity, logos and photographs found in this repository are copyrighted Scania CV AB and are not available on an open source basis or to be used as examples or in any other way, if not specifically ordered by Scania CV AB.