Page Filter Select Component
UI Component
Changed on:
8 Feb 2024
Overview
The page filter select component allows to change variables on the page-level query.
| Plugin Name | Inventory |
|---|
Inventory components for managing a Fluent Commerce account.
2023-12-15
v1.0.0
Inventory UI
Alias
fc.page.filter.select
Detailed technical description
Page Filter Select component can be included in any mystique page.
Properties
Properties
Name | Type | Required | Default | Description |
name | | no | | Variable name on the GraphQL query. |
options | | yes | none | The options of the Select input. |
defaultValue | | no | none | The default value of the Select input. |
SelectOption
Name | Type | Required | Default | Description |
label | | yes | none | The human-readable label displayed as an option. |
value | | yes | none | The value used for processing input. |
Configuration example
1{
2 "component": "fc.page.filter.select",
3 "props": {
4 "options": [
5 {
6 "label": "i18n:fc.inventory.filter.last30min",
7 "value": "30"
8 },
9 {
10 "label": "i18n:fc.inventory.filter.last1hour",
11 "value": "60"
12 },
13 {
14 "label": "i18n:fc.inventory.filter.last8hours",
15 "value": "480"
16 },
17 {
18 "label": "i18n:fc.inventory.filter.last24hours",
19 "value": "1440"
20 }
21 ]
22 }
23}Language: json
Version History
2023-12-28
v1.0.0
Page Filter Select Component description
Recommended Placement
None
