GeoBorderedBoxHeaderSearchForm Ready 8.0.0+

GeoBorderedBoxHeaderSearchForm is a header featuring a search form designed to fit nicely in a GeoBorderedBox.

NOTE

This component is not responsible of filtering displayed elements. You might want to use a GeoSelect for that.

Properties

Prop name Type Default value Description
searchIcon array
function () {
  return ['fal', 'search']
}
Show description
placeholder string Show description
value string Show description

Events

Name Type Description
input string User wrote something in the select search form.

Slots

Name Description
beforeSearchIconItem

Use this slot to customize content displayed before the icon

afterSearchIconItem

Use this slot to customize content displayed after the icon, on the left of the input

trailingAccessoryItem

Use this slot to customize content displayed on the right of the input

Constants

This component has no exported constants.

Examples

Isolated field

Inside a box