As a newcomer to reactjs, I recently created a component that looks like this:
<Row>
<Column className="col-8 noPadding">
<Text value={this.props.description} />
</Column>
<Column className="col-4 text-right noPadding">
<Text {...this.props} />
</Column>
</Row>
While this structure is working well for me, I encountered an issue when trying to style it using another component called Autosuggest. Despite creating a .css file and applying styles as I typically do with other components, the styles aren't being reflected on my Autosuggest control:
<AutoSuggest className="marginTop" {...this.props.formControlProps} description="test" value="test" />
Here is the CSS code I used:
.marginTop{
margin-top: 3rem;
}
It seems that the margin isn't being applied to the Autosuggest control. Even attempts at changing the color have failed. Do I need to directly apply styles within the component class in order for them to take effect?