Angular components

For the frontend side we are using Essential JS UI library for Angular. It is of great help to speed you up! This library contains a big set of components for medical oriented applications with great support and customization possibilities. It covers a lot of requirements but not all of them, so for covering everything we have developed a style system based on Bootstrap 4.

As mentioned before, library supports styles customization. MedSafe development team has customized it according to required designs for future implementation to a project. At the moment, each component supports API provided by Essential JS with some theming extensions. Essential JS supports 4 Built-In UI frameworks, for our project we have selected and customized Bootstrap 4 option according to our style system.

Due to a reason of building our system not from scratch but with additional libraries it contains some dependencies. So first of all, our design system should be connected to a project, it already contains some components (whole list of customized Bootstrap 4 components and our custom ones) possibility to customize colors palettes.

To connect it we should add customized styles to our application instead of Bootstrap 4 styles in the root styles file or angular.json and connect each MEDrecord component one by one to your feature or app modules.

If you also need to connect Essential JS components you could just connect our styles customization to your main styles file and use components according to Essential JS doc. It already contains MEDrecord styles and depends from it.