Components

Components are UI elements that are used to construct full web pages. They are designed and built using Atomic Design methodology. This means, among other things, that all component files have specific file paths and names.

Component files

Components usually consist of some or all of the following file types:

• template files
• Less files
• JavaScript files
• Data files
• Documentation files

Implementing components

Components may internally use frameworks and libraries like Bootstrap. However, components should not be implemented or used in a way that exposes the dependencies to the consumer of the component.

For example, if a component based on a Bootstrap component should also support a Bootstrap variation class, it should do that via its own variation class, and internally add the Bootstrap class.