HamburgerHamburger Icon

Form

Form

Demo Form

<Form onSubmit={e=>{e.preventDefault();console.log("submit demo form");}} label={"Demo Form"} title={"Demo Form"}>
<Input placeholder={"Enter First Name"} title={"First Name"} type={"text"} name={"firstName"} id={"designFormFirstName"} color={"green"} value={"John"} />
<Input placeholder={"Enter Last Name"} title={"Last Name"} type={"text"} name={"lastName"} id={"designFormLastName"} color={"green"} />
<Button color={"green"} submit={true} />
</Form>
Copy
Form Properties

Name

Description

Type

Required

Default

label

Accessible form label.

string

false

"Buffy Form"

onSubmit

Event handler on form submit.

function

false

()=>{}

className

List of classes for this element.

string | array

false

""

forwardRef

Ref to component or DOM element.

function | object

false

null

forwardRef sub properties

Name

Description

Type

Required

Default

current

DOM node of Ref object

any

false

null

title

Form title.

string

false

null

children

Form contents.

node

false

null