Signup

Signup auth widget


Usage

import { ItsySignup } from "@itsy-ui/auth";

const schema = {
  "formSchema": {
    "id": "signup_form",
    "displayName": "Signup",
    "propertyDefinitions": {
      "username": {
        "id": "username",
        "displayName": "Username",
        "placeholderText": "Enter username",
        "required": true,
        "type": "string",
        "ui:widget": "string"
      },
      "email": {
        "id": "email",
        "displayName": "E-mail",
        "placeholderText": "Enter email address",
        "required": true,
        "type": "email",
        "ui:widget": "string"
      },
      "phone": {
        "id": "phone",
        "displayName": "Phone Number",
        "placeholderText": "Enter phone number",
        "ui:widget": "integer"
      }
    }
  }
}

<ItsySignup className="signup" schema={schema} />


API

name type default description
className String additional class name of root node.
style Object {} Inline style object
schema Object {} Schema which contains information to be displayed inside form.



Compatibility

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Electron
Electron
Edge last 2 versions last 2 versions last 2 versions last 2 versions