Fluent Commerce Logo
Docs
Sign In

Link Component

UI Component

Changed on:

6 Jan 2025

Overview

The Link Component is a text element with a hyperlink, designed for scenarios where a link needs to be applied. It can be used anywhere and integrates seamlessly with conditional logic when wrapped within a Conditional Component. This allows the link's display or functionality to adapt based on the conditions defined in the manifest (e.g. when the link should be active or inactive).

Plugin NameCore

The standard library of mystique components. 

0000-00-00

v1.0.0

Initial changelog entry.

Alias

fc.mystique.link

Detailed technical description

If the link parameter is empty, the system defaults to navigating to the application's root page.

Properties

Name

Type

Required

Default Value

Description

label

`string`

No

None

Text to display.

link

`string`

No

None

Defines the destination URL.

Configuration example

1{
2    "component": "fc.mystique.link",
3    "props": { 
4        "label": "{{node.product.name}} ({{node.productRef}})",
5        "link": "#/inventorySearch/product/{{node.productRef}}/{{node.product.catalogue.ref}}/{{node.product.type}}?{{{currentUrlParams}}}"
6    }
7}

Language: json

Version History

2025-01-08

v1.0.0

Initial release

Recommended Placement

The component is versatile and can be placed anywhere.

Copyright © 2025 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