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.