React Hooks Using the state hook

Toggle

Basic components all using the Toggle component with setState hook

Simple Button

<Toggle Element={Button}>
  <span>On</span>
  <span>Off</span>
</Toggle>

Slide Button

⏩

<Toggle Element={Slide}>
  <span>On</span>
  <span>Off</span>
</Toggle>

Reveal Element

<Toggle Element={Modal}>
  <span>Hide</span>
  <span>Show</span>
</Toggle>

Form

A form which uses a simple state container to store the data of the form

<Form onSubmit={v => setFormOutput(JSON.stringify(v))}>
  <input id="name" />
  <input id="birth" type="date" defaultValue="1995-01-01" />
  <input id="email" type="email" />
</Form>

Last submit result: