Implementation details (e.g. supported properties) can be added later on to increase the usefulness of this documentation. |
Custom placeholder can be defined for all inputs but “FileUploader”. |
Default:
Focused:
Filled:
With isInvalid
property set to true
:
Default:
Menu open:
Selected:
Selected with menu open and hover:
With isSearch
property set to true
:
With isInvalid
property set to true
:
With search triggering function provided in props:
Without search triggering function provided in props:
Focused:
Filled:
Icon, date display format and picker (preview not provided) is browser dependent. |
Focused (Google Chrome):
Date selected (Google Chrome):
With isInvalid
property set to true
(Google Chrome):
Default:
Focused:
Checked:
Checked and focused:
String displayed when no file is selected (here: “No file chosen”) is browser dependent. |
Default (Google Chrome):
Focused (Google Chrome):
With file selected (Google Chrome):
With isInvalid
property set to true
:
Default:
Focused:
Filled:
With isInvalid
property set to true
:
Default:
Hovered:
Focused:
Example of use:
Rendered as button by default. Provide click handler in ‘onClick’ property. |
Rendered as a hyperlink when ‘type’ property is set to ‘link’. Provide ‘href’ property. |
Default:
Focused:
Rendered as button by default. Provide click handler in ‘onClick’ property. |
Rendered as a hyperlink when ‘type’ property is set to ‘link’. Provide ‘href’ property. |
Default:
Focused:
Default:
Default (with example of use):
On ‘Edit’ button click (with example of use):
If ‘isDirty’ property is set to ‘true’ (with example of use):
On ‘Submit’ button click (with example of use):
‘Submit’ and ‘Cancel’ buttons are disabled and spinner is displayed as long as ‘isMutating’ property is set to ‘true’ |
With value
property set to This field is required
:
Example of use:
Props:
|
Default (with an example of use - Organization deletion action):
On ‘Confirm’ button click (with an example of use - Organization deletion action):
‘Confirm’ button is disabled and spinner is displayed as long as ‘isConfirming’ property is set to ‘true’ |