Code formatting for TS, JS, CSS, and SCSS files is enforced using prettier.

To reformat all code run:

make prettier

The easiest way to avoid issues is to have prettier format your code on save from your editor of choice. For VS Code that would be to install the Prettier extension.


Elements should exist one per file, with the file name being the same as the element. If an Element has a helper element that should not be used alone, it may be included in the same file.

Create new custom elements using new_element. The command should be run above your modules sub-directory.

 bazelisk run //new_element:new_element "--run_under=cd $PWD &&" -- --element-name=<element name> --app-name=<app name>

Python Style Guide

Python code follows the Google Python Style Guide.