Skip to content
On this page

Autocomplete - Input




Code sample

html
<ontology-autocomplete 
    format="text"
    label="Input field (ontology driven)"
    info="Search terms across ontologies. Example: Homo sapiens, obi:Homo sapiens"
    @change="value = $event.detail[0]"
    placeholder="search term"
></ontology-autocomplete>

Search filters - Ontologies


Code sample

html
<ontology-autocomplete 
    format="text"
    label="Input field (ontology driven)"
    info="Search terms across ontologies. Example: Homo sapiens, obi:Homo sapiens"
    @change="value = $event.detail[0]"
    placeholder="search term"
></ontology-autocomplete>

Overriding Search filters

props

NameTypeDefaultDescription
formatstring-
labelstring-
infostring-
placeholderstring-
valuestring-default value
ontologiesstring-Comma separated values of ontologies to restrict the OLS look up.

events

NameTypeDefaultDescription
changeevent-Events emitted via OE are dispatched as native CustomEvents. Additional event arguments (payload) will be exposed as an array on the CustomEvent object as its detail property - $event.detail[0]

styling

coming soon