Can this work as a submit button in a form?

[danoc]

No description provided.

[danoc]

In this example, clicking on the button automatically runs onSubmit.

<form onSubmit={onSubmit}>
    <input />
    <input />
    <button type="submit">
        Submit
    </button>
</form>

In this example, it does not:

<form onSubmit={onSubmit}>
    <input />
    <input />
    <button type="button">
        Submit
    </button>
</form>

With ClickableBox, users need to provide the onClick prop for it to behave like the first example.

<form onSubmit={onSubmit}>
    <input />
    <input />
    <ClickableBox onClick={onSubmit}>
        Submit
    </ClickableBox>
</form>

I don't think this is a big deal since onClick is required. Also, submit buttons are usually styled like classic buttons, so ClickableBox likely isn't needed anyways.

[gnapse]

Perhaps it should be mentioned in the README as one of the conditions under which this should not be used?

[danoc]

Good idea! Added it here: 09153a2