react-trafficlight
Traffic light component for React.
Installation
npm install --save react-trafficlight
Demo
Working demo on CodePen: React Traffic Light
Example use
Usage example 1
;; const TrafficLightContainerExample1 = <div> <TrafficLight RedOn /> <TrafficLight RedOn YellowOn /> <TrafficLight YellowOn /> <TrafficLight GreenOn /> </div>; ;
Usage example 2 - Clickable
;; state = redOn: true yellowOn: false greenOn: false { return <TrafficLight onRedClick= this onYellowClick= this onGreenClick= this RedOn=thisstateredOn YellowOn=thisstateyellowOn GreenOn=thisstategreenOn /> ; } ;
Usage example 3 - Horizontal
;; const TrafficLightContainerExample3 = <div> <TrafficLight GreenOn Horizontal/> </div>; ;