Yes, do this OR you could also supply props.style.textAlign
with a property of "center !important".
Because we tried to hand-hold beginner users back in 8.0.0 and now that users are becoming more advanced and getting used to CSS they are finding that our old "improvements" are getting in their way. When we introduced props.align
we did so in a way that happens to ignore css styles. We have an open issue to remove this property entirely and allow users to align the text through pure css in either an in-line property in style
or an associated Named Style. This can not occur before 8.2.0 because it would be a "breaking" change to 8.1 users.
I'm in agreement with @YF129701 in that I see no corner rounding. Could you post a screenshot and include insight into any applied css styling (including named styles) applied to the component?
1 Like
I may be wrong, but using the !important
rule is not recommended in most circumstances... It becomes difficult to troubleshoot style conflicts.
Scenario: You have multiple !important
rules applying the same style but at different levels (parent, child, etc) and you're trying to find out why one of them is being used and not the others
That’s very true. I was just trying to provide an alternative to using the align
property.
1 Like