Fluent Commerce Logo
Docs
Sign In

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.

No alt text provided
Plugin NameInventory

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

`string`

 no

`'filter_value'`

Variable name on the GraphQL query.

 options

`SelectOption[]`

 yes

 none

The options of the Select input.

defaultValue

`string`

 no

none

The default value of the Select input.

SelectOption

Name

Type

Required

Default

Description

label

`string`

yes

none

The human-readable label displayed as an option.

value

`string`

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

Copyright © 2024 Fluent Retail Pty Ltd (trading as Fluent Commerce). All rights reserved. No materials on this docs.fluentcommerce.com site may be used in any way and/or for any purpose without prior written authorisation from Fluent Commerce. Current customers and partners shall use these materials strictly in accordance with the terms and conditions of their written agreements with Fluent Commerce or its affiliates.

Fluent Logo