/Javascript/AngularJS/How to make color squares in angular

How to make color squares in angular

<div><div class='box red'></div>= Super Fast Trains</div>
<br>
<div><div class='box green'></div>= Mail/Express Trains</div>
<br>
<div><div class='box blue'></div>= Local/ Passenger Trains</div>


// CSS

.box {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  clear: both;
}

.red {
  background-color: red;
}

.green {
  background-color: green;
}

.blue {
  background-color: blue;
}

Source: stackoverflow.com

Similar codes

2 votes124 views2 answers
Ngfor select angular
Javascript AngularJS
0 vote224 views2 answers
Aos library animation angular
Javascript AngularJS
0 vote157 views1 answer
Screenfull angular example
Javascript AngularJS
6 votes121 views2 answers
Angular dynamic class
Javascript AngularJS
4 votes131 views2 answers
Ws.browser regeneratorRuntime is not defined angular
Javascript AngularJS
0 vote126 views1 answer
Angular call function on option select
Javascript AngularJS
2 votes141 views3 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^10.0.0-beta || >=10.0.0 <11.0.0, but Angular version 9.1.3 was found instead.
Javascript AngularJS
0 vote148 views1 answer
Angular disabled condition based
Javascript AngularJS
17 votes86 views1 answer
Angular delete component full
Javascript AngularJS
24 votes225 views2 answers
Date format in angular ts
Javascript AngularJS