Fluent Commerce Logo
Docs
Sign In

Page Section Component

UI Component

Changed on:

10 June 2025

Overview

The page section is a simple component that renders all children. It is primarily used for grouping multiple components together for index-based components like the tab card.

There are no properties on the page section, but standard configuration options like descendants and datasource work as usual.

Plugin NameCore

The standard library of mystique components. 

0000-00-00

v1.0.0

Initial changelog entry.

Alias

fc.page.section

Detailed technical description

As this component has no configuration options on its own, see the Related Content section for more detailed examples.

Properties

Name

Type

Required

Default

Description

icon

string

no


The icon to display before this heading. See Icons for details.

title

string

yes


The title that is intended to render. Templets are allowed here when data contains the data source with the info.

descendants

component or component[]


no

The components will be rendered in the top right corner.

Configuration example

1{
2   "component":"fc.page.section.header",
3   "props":{
4      "icon":"shopping_basket",
5      "title":"Pick - Wave: {{id}}",
6      "data":"waveById"
7   },
8   "descendants":[
9      {
10         "component":"fc.button.print.download",
11         "props":{
12            "label":"i18n:fc.sf.ui.waves.detail.action.pickList.download.label",
13            "href":"/api/v4.1/wave/{{id}}/pickingList",
14            "filename":"pick_list.pdf"
15         }
16      }
17   ]
18}

Language: json

Version History

2023-08-01

v0.0.0

First release

Recommended Placement

None