Plotly Heatmap with Row Colors?

Is it possible to add single or multiple row colors to Plotly Heatmap using JavaScript? similar to the row_colors parameter to the Seaborn clustermap object. The goal of row color is adding a vertical ribbon to the left or right side of the heatmap to represent each y value with a color, for example, if each y value is a phenotype the row color can represent the category of each phenotype.

A way to solve this might be by adding a new axis. Similar to this link Plotly Dendrogram that shows how to add dendrograms to a heatmap.