Forge UI-Kit Form Submit Button Appearance

Forge Forge Custom UI and UI kit (beta)
, , ,
1

Hello there,
while developing an app with the Forge UI kit, I kept coming across the question if I can change the color of the submit button of a form and how. After a long search through the Forge documentation and this forum, I didn’t find any entry about it. So now I just want to record here for the next person who is looking for this possibility: Yes, you can change the color of the Form Submit button. You have to change the prop “submitButtonAppearance”. As far as I know, you can use all normal Button Types of the UI-Kit. (primary, danger, default, link, subtle, subtle-link, and warning).

<Form onSubmit={handleSubmit} submitButtonAppearance="primary">

If somewhere in the documentation there is an entry about this which I somehow missed, I’m sorry. If not, it would be nice if this prompt would be added to the documentation.

Regards,
Adrian

4 Likes
2

Thanks for raising Adrian. We’ll add this to props for the Form component in the docs,

2 Likes
3

This is now included in the reference docs for Form

2 Likes
4

Thank you,

I have noticed that, the option “primary” is not account for. Also, the link “examples of appearance values” does not work.

Regards,
Adrian