Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Info

Confirm button is disabled and spinner is displayed as long as isConfirming property is set to true.

...

...

Dialog

Info

Props:

  • children - used to display whatever include between the opening and closing tags

  • isSubmitInProgress - Boolean, if true submit and cancel button is disabled and spinner is displayed

  • formId - String, connected with submit button, formId should be the same with form id, e.q.
    <form onSubmit={handleSubmit(someFunc)} id='some-id'>

  • isOpen - Boolean, if true - dialog is shown, if false - dialog is hidden

  • onClose- void, function called to close a dialog

  • submitButton - Boolean, if true - submit button is shown

  • cancelButton - Boolean, if true - cancel button is shown

  • closeButton - Boolean, if true - close button is shown

  • dialogType - DialogType.FORM | DialogType.DETAILS - decide on dialog css style, possible to add more variable

Default (dialogType = DialogType.DETAILS):

...

dialogType = DialogType.FORM (with an example of use - create new Tag)

...