How to use the react-dom-factories.form function in react-dom-factories

To help you get started, we’ve selected a few react-dom-factories examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github firefox-devtools / devtools-core / packages / devtools-reps / src / launchpad / components / Header.js View on Github external
render() {
    let {
      currentInputValue,
      evaluate,
    } = this.props;

    return dom.header(
      { className: "console-header" },
      dom.form(
        { onSubmit: this.onSubmitForm, },
        dom.h1({}, "Reps"),
        dom.input({
          type: "text",
          placeholder: "Enter an expression",
          name: "expression",
          value: currentInputValue || "",
          autoFocus: true,
          onChange: this.onInputChange,
          onKeyDown: this.onInputKeyDown,
        }),
        dom.button({
          className: "clear-button",
          type: "button",
          onClick: this.onClearButtonClick
        }, "Clear"),
github researchspace / researchspace / researchspace / web / src / main / components / search / profiles / CreateProfileDialog.ts View on Github external
private dialogBody() {
    return ModalBody(
      {},
      this.showMessage(),
      D.form(
        {
          className: 'new-profile-modal__form',
        },
        D.input(
          {
            className: this.inputClassName(
              'new-profile-modal__form__profile-name',
              this.state.inputValidationState.name
            ),
            placeholder: 'Profile Name',
            type: 'text',
            required: true,
            ref: CreateProfileDialogClass.nameInputRef,
          }
        ),
        D.textarea(