Skip to content

Card Link Reference

Reference for Card Link Reference in Web Framework References. Key properties: ID, Class, Link, Internal.

Bootstrap 5 component. Add the component and configure its properties in the Inspector.

Inspector Property Groups

Property Type Details
IDtextOptional unique identifier for this element.
Sets the element's id attribute. Keep IDs unique per page (useful for anchors, label for targets, and JavaScript hooks). Bootstrap docs: Introduction
Attribute: id
ClasstextAdds raw class names to the element.
Adds text directly to the class attribute. Use this for custom utility classes or project-specific overrides. Separate multiple classes with spaces. Bootstrap docs: Utilities API
Attribute: class
LinkfileSets the link destination.
Sets the element's href attribute. Use absolute URLs ( https://... ) or relative paths. For internal navigation, prefer the Internal option when available. Bootstrap docs
Attribute: href
InternalbooleanUse Internal to do partial load in the current view
Uses your project's internal routing/linking mechanism instead of a raw href . This helps keep links consistent when routes or file paths change in your project. Bootstrap docs: Introduction
TargetdroplistWhere to open the link.
Controls where the link opens. Common values are _self (same tab) and _blank (new tab). If you use _blank , consider adding rel="noopener" for security. Bootstrap docs: Introduction
Attribute: target
Options: Default, _blank, _top, _self
Colorcolor_groupOptions: text-primary, text-primary-emphasis, text-secondary, text-secondary-emphasis, text-success, text-success-emphasis

Display

Property Type Details
Hide onbutton_groupOptions: xs, sm, md, lg, xl, xxl
Printbutton_group 
Visually Hiddenboolean 
Focusableboolean