The components of the Design Pattern Library are snippets of code intended to provide developers with an efficient means to implement elements described in the patterns. These components also help establish a baseline for all BMC products; they are built using the CSS and JS that is defined in version 2.0 of MyIT.
The code for each component is shown inline within the pattern page, along with a working example (where feasible); additionally, the user can choose to download a ZIP file that contains all necessary HTML and CSS to begin implementing the component. Please note that Angular JS is one of the core technologies for MyIT; therefore, since Angular JS may not be part of the development stack of other teams, JavaScript utilized to support the UI will not be part of these components.
SASS is used in the creation of the CSS supplied. The core SASS files are maintained by the MyIT development team. If the intent is to extend the styling of the application UI, a separate CSS file should be created specific to the application, and included at run time. The core SASS will not be affected.
For more information about the use of SASS please refer to the MyIT Confluence site on the subject.
For version 1.0 of the Design Pattern Library, only components for the Desktop / Web implementation are provided. In future versions, components for iOS (Objective-C) and Android (Java) will be made available for the Mobile Patterns.