Docs
Changed on:
9 Feb 2024
The Multi Card Component can be used to nest multiple components within the same card.
| Plugin Name | Inventory |
|---|
Inventory components for managing a Fluent Commerce account.
Inventory UI
fc.card.multi
Multi Card component can be included in any mystique page.
Name | Type | Required | Default | Description |
title | | no | none | The Title text of the card. |
width | CardWidth ( | no | ‘full’ | Define the width of this card on a 12-column grid. Can use the named widths for readability or numbers directly. On mobile devices all widths will automatically change to 12 for the best responsive experience. Default is "full" and will take up the full width of the containing component. |
direction | | o | ‘row’ | Row / column configuration option. |
1{
2 "component": "fc.card.multi",
3 "props": {
4 "title": "i18n:fc.inventory.feeds.dashboard.overview.card.status",
5 "direction": "row",
6 "width": 6
7 },
8 "descendants": [
9 {
10 "component": "fc.chart.gauge",
11 "props": {
12 "width": 6,
13 "noCard": true,
14 "value": 85,
15 "primaryText": "{{compactDisplayNumberFormat (arraySum inventoryFeedsFiltered.edges 'node.count')}}",
16 "secondaryText": "i18n:fc.inventory.feeds.dashboard.overview.card.inventoryOutput"
17 }
18 },
19 {
20 "component": "fc.chart.wrapper.area.inventoryOutput",
21 "props": {
22 "dataKey": "value",
23 "width": 6,
24 "noCard": true,
25 "dataSource": "inventoryFeedsFiltered"
26 }
27 }
28 ]
29}Language: json
Multi Card Component description
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.
