Official website: https://tegel.scania.com/

Storybook: https://tegel-storybook.netlify.app/

The design system supports the design and development of digital solutions at Scania. The purpose is to secure a coherent, premium brand and user experience across all of Scania's digital touchpoints.

This package is currently in a beta stage. We are now working hard towards a 1.0 release, but if you want to try out the package today you can! It's available via NPM and can be installed using the installation guide below.

Read about how to get started on our website: https://tegel.scania.com/development/getting-started-development

The website also includes information on browser support.

The code conventions used in (and enforced by) Tegel is documented here.

1. Make sure you are using the required node.js version specified in tegel/package.json (node 20 at the time of writing).
2. Run npm install in the root directory.
3. Run npm install in the packages/core directory.
4. Create a .env file in the root directory with the following contents:

STORYBOOK_ENV=development

5. Make sure you are in the root directory, and start the dev server with npm run start.

• Alternatively navigate to packages/core and start the dev server with npm run storybook

Get in touch with the team and the community:

• Teams

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.