...
Code Block | ||
---|---|---|
| ||
{
id: string;
field: string | undefined;
startValue: number;
endValue: number;
minValue: number;
maxValue: number;
} |
...
Attribute Name | Attribute Value |
---|---|
hawksearch-minstart | |
hawksearch-maxend |
These attributes should be placed on number input elements. When these elements lose focus (blurred), the entered range will be applied as a facet value.
Default Template
Code Block | ||||
---|---|---|---|---|
| ||||
<div class="numeric-range-facet"> <div class="row"> <div class="column column--6"> <input type="number" hawksearch-minstart value="{{startValue}}" min="{{minValue}}" max="{{endValue}}" /> </div> <div class="column column--6"> <input type="number" hawksearch-maxend value="{{endValue}}" min="{{startValue}}" max="{{maxValue}}" /> </div> </div> </div> |
...