Material-ui: [Buttons][RaisedButon] border-radius is not applied

Created on 21 Feb 2016  路  5Comments  路  Source: mui-org/material-ui

How to set borderRadius for a <RaisedButton>? style doesn't apply:

                    <RaisedButton
                        fullWidth={true}
                        label="Action"
                        secondary={true}
                        style={{borderRadius: "5px"}} // <-- trying to set "5px"
                        onMouseUp={this.submitForm}>
                    </RaisedButton>

But nothing changes:

oogle chrome 2016-02-21 20 20 48

bug 馃悰

Most helpful comment

made a PR for that #5182

All 5 comments

reference #L393

style={{container:{borderRadius: "5px"}}}

This workaround is not working anymore.

https://github.com/callemall/material-ui/pull/3263/commits/8587247caa02a3d82d1cf77f3b0b4d5ce4385abb breaks it

EnhancedButton styling is now hardcoded and is not overridable.

I think this issue is more generic. As an example, although it applies to RaisedButton but not FlatButton, it also applies to Dialog.

Any workaround for this!?

made a PR for that #5182

Was this page helpful?
0 / 5 - 0 ratings

Related issues

rbozan picture rbozan  路  3Comments

zabojad picture zabojad  路  3Comments

revskill10 picture revskill10  路  3Comments

reflog picture reflog  路  3Comments

ghost picture ghost  路  3Comments