Implementation details (e.g. supported properties) can be added later on to increase the usefulness of this documentation.
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 |
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:
Focused:
When typing:
With suggestion selected:
When a suggestion gets selected the |
{ countryName: String, countryCode: String, regionName: String, cityName: String, longitude: Number, latitude: Number } |
When the input is cleared using the |
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’ |