Versions Compared

Key

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

...

Components based on UX Style Board

...

Implementation details (e.g. supported properties) can be added later on to increase the usefulness of this documentation.

Inputs

Info

Custom placeholder can be defined for all inputs but “FileUploader” FileUploader and GeocodeAutocomplete.

Input

Default: 

...

Focused:

...

Filled:

...

With isInvalid property set to true:

...

GeocodeAutocomplete

Default:

...

Focused:

...

When typing:

...

With suggestion selected:

Info

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

Code Block
languagejs
{
  countryName: String,
  countryCode: String,
  regionName: String,
  cityName: String,
  longitude: Number,
  latitude: Number
}
Info

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

...

Buttons

IconButton

Default:

...