Teva VIsion Frontend Library

How it works

In the bottom left corner, you can open the menu in order to navigate the Library. This works on any page in the Library. On draft and template pages an extra button appears when opening the menu to view a page outside the library.

Contexts

Depending the context, asset files (js, css) are rendered with different primitives.

Currenty there are five contexts in the library:

• Teva Global
• Teva SCS
• Teva SCS Legacy
• Actavis Legacy
• Teva Product

Chapters

The Library contains the following chapters:

Drafts & Templates

Drafts are 'work in progress' pages, using the components we designed. The drafts give a clear view on how sections of the site or certain functionalities will work.

Templates are pages ready for implementation.

Getting started

Installation instructions and required files for using this library can be found here.

Identity

This part contains Teva primitives, like color, typography, typesystem, patterns and logos.

Components

These are the building blocks used to create templates. For developers working on the implementation, this is the most important part of the Library.

For each component, the relevant frontend code (consisting of CSS files, Javascript files and HTML) can be download or, in the case of the HTML, copied from the Library.

Changelog

All notable changes to this project are documented in the changelog.