I have created a tiles webpart where i am changing the color on toggle between tiles but i want to set default color for one of tiles once page load and then user can toggle
toggle (b)
{
if (this.state.description === b) {
this.setState({description : null})
} else {
this.setState({description : b})
}
}
myColor (b)
{
if (this.state.description === b) {
return "#ff9933";
}
return "";
}
{this.state.items.map((items,key)=>
{
return(
<DocumentCard style={{background: this.myColor(key)}} styles={cardStyles} onClick={() =>{this.ShowGrid(items.GPDTemplate);this.toggle(key)}}>
<DocumentCardTitle title={items.Template} />
<DocumentCardImage styles={cardStyles1} height={100}imageFit={ImageFit.cover} imageSrc={items.ImageLink ? items.ImageLink["Url"] : ''} />
</DocumentCard>
);
})}