Versions Compared

Key

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

...

With isInvalid property set to true:

...

GeocodeAutocomplete

Default:

...

Focused:

...

When typing:

...

Info

Props:

  • onChange - void, function called when suggestion is selected or the input is cleared.

Info

When a suggestion gets selected the onChange function passed to the component is called with the following object as an argument:

...

Info

When the input is cleared using the x button the onChange function passed to the component is called with null as an argument.

Default:

...

Focused:

...

When typing:

...

With suggestion selected:

Info

...

Buttons

IconButton

Default:

...

Info

Rendered as button by default. Provide click handler in ‘onClick’ onClick property.

Info

Rendered as a hyperlink when ‘type’ type property is set to ‘link’ link. Provide ‘href’ href property.

Default:

...

Focused:

...

Info

Rendered as button by default. Provide click handler in ‘onClick’ onClick property.

Info

Rendered as a hyperlink when ‘type’ type property is set to ‘link’ link. Provide ‘href’ href property.

Default:

...

Focused:

...

Default (with example of use):

...

On ‘Edit’ Edit button click (with example of use):

...

If ‘isDirty’ isDirty property is set to ‘true’ true (with example of use):

...

On ‘Submit’ Submit button click (with example of use):

Info

‘Submit’ Submit and ‘Cancel’ Cancel buttons are disabled and spinner is displayed as long as ‘isMutating’ isMutating property is set to ‘true’ true.

...

ValidationError

With value property set to This field is required:

...

ConfirmActionDialog

Info

Props:

  • title - String, title of a dialog

  • message - String, message of a dialog

  • isOpen - boolean, show the ConfirmActionDialog - Boolean, if true - dialog is shown, if false - dialog is hidden

  • onClose - pass handle void, function to hide the ConfirmActionDialog, called to close a dialog

  • onConfirm - executes the action void, function called after pressing the “Confirm” "Confirm" button

  • isConfirming - booleanBoolean, if true "Confirm" button is disabled and spinner is displayed

Default (with an example of use - Organization deletion action):

...

On ‘Confirm’ Confirm button click (with an example of use - Organization deletion action):

Info

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

...