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:
NPM
Install components via NPM package by running the command below.
npm i @scania-sdds/components
Import component as a module with defineCustomElements
function.
import { defineCustomElements } from '@scania-sdds/components';
defineCustomElements();
CDN
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.
Community
Get in touch with the team and the community:
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.