/tegel

Tegel Design System

Primary LanguageTypeScriptMIT LicenseMIT

Github release Storybook Status: Beta

Tegel Design System

https://tegel.scania.com/

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.

Status

This package is currently in a pre-beta stage. We are now working hard towards a 1.0-beta 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.

Getting started

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.

Contributing

Code conventions

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

Setting up the development environment

  1. Make sure you are using the required node.js version specified in tegel/package.json (node 16 at the time of writing).
  2. Run npm install in the root directory.
  3. Run npm install in the core directory.
  4. Create a .env file in the /tegel directory with the following contents:
STORYBOOK_ENV=development
  1. Make sure you are in the root directory, and start the dev server with npm run storybook.

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.