Dharan ba03c60adb
[ADF-5417] Support multiple search configuration in app config json (#7096)
* [ACS-1642] Support multiple search configuration in app config json

* [ci:force] unit test added

* adf component added

* [ci:force] check compatibility

* [ci:force] * run all e2e

* * revert initvalue

* [ci:force] revert app config

* [ci:force] docs update
2021-06-15 14:52:46 +02:00

76 lines
1.7 KiB
Markdown

---
Title: Search Form component
Added: v4.5.0
Status: Active
Last reviewed: 2021-06-11
---
# [Search Form component](../../../lib/content-services/src/lib/search/components/search-form/search-form.component.ts "Defined in search-form.component.ts")
Selecting a configuration from a set of configured options.
![Search Form screenshot](../../docassets/images/search-form-component.png)
## Basic usage
```json
{
"search": [
{
"categories": [
{
"id": "queryName",
"name": "Name",
"enabled": true,
"expanded": true,
"component": {
"selector": "text",
"settings": {
"searchPrefix": "",
"searchSuffix": "",
"pattern": "cm:name:'(.*?)'",
"field": "cm:name",
"placeholder": "Enter the name",
"allowUpdateOnChange": true
}
}
}
],
"name": "ALL",
"default": true
},
{
"categories": [
{
"id": "queryName",
"name": "Name",
"enabled": true,
"expanded": true,
"component": {
"selector": "text",
"settings": {
"searchPrefix": "",
"searchSuffix": "",
"pattern": "cm:name:'(.*?)'",
"field": "cm:name",
"placeholder": "Enter the name",
"allowUpdateOnChange": true
}
}
}
],
"name": "Other"
}
]
}
```
## Details
This component lets the user pick a configuration for a search.
## See also
- [Search Query Builder](../services/search-query-builder.service.md)