Multiple Line Display about ngx-bar-rating HOT 1 CLOSED

Hi @AmandaBarton Yes you can do this with css. copy the following in your global style

.br-{theme-name} .br-units {
  flex-wrap: wrap !important;
  justify-content: center;
}
.br-{theme-name} .br-unit { 
  flex: 0 1 18%;
}

<bar-rating name="rating" [(rate)]="userRate" [theme]="'horizontal'" [max]="10"
[showText]="true" [titles]="['Bad', 'Mediocre' , 'Good', 'Awesome']">></bar-rating>

replace {theme-name} with the name of the theme you are using, here is a plunker.

from ngx-bar-rating.