Link

Add a Link property to your component so designers can create clickable links with full control over URL, target behavior, and preload settings.

Syntax

1
// Prop definition
2
props.Link({
3
    name: string,
4
    group?: string,
5
    tooltip?: string,
6
})
7
8
// Prop value
9
{
10
    href: string,
11
    target?: "_self" | "_blank" | string,
12
    preload?: "prerender" | "prefetch" | "none" | string,
13
}   

Prop definition

Define the Link prop in your Webflow code component with a name. Optionally, you can add a group and tooltip text.

1
props.Link({
2
    name: string,
3
    group?: string,
4
    tooltip?: string,
5
})

Properties

• name: The name for the property.
• group: The group for this property (optional).
• tooltip: The tooltip for this property (optional).

Prop value

The Link prop value provides an object to your React component with the following properties:

1
{
2
    href: string,
3
    target?: "_self" | "_blank" | string,
4
    preload?: "prerender" | "prefetch" | "none" | string,
5
}