Problem/Motivation
Limited linking in the default Drupal SDC method
Steps to reproduce
When editing a view mode, or field formatter using the UI Patterns under Manage display
Then a limited string type has no validation for URL or a local path

Proposed resolution
UI Patterns ~2.0 provides number of refs
Use $ref: "ui-patterns://url" in all link props
like
url:
type: string
title: URL Link
description: Simple URL link for heading.
$ref: "ui-patterns://url"
Remaining tasks
- ✅ File an issue about this project
- ✅ Addition/Change/Update/Fix to this project
- ✅ Testing to ensure no regression
- ➖ Automated unit/functional testing coverage
- ➖ Developer Documentation support on feature change/addition
- ➖ User Guide Documentation support on feature change/addition
- ➖ UX/UI designer responsibilities
- ➖ Accessibility and Readability
- ✅ Code review from 1 Varbase core team member
- ✅ Full testing and approval
- ✅ Credit contributors
- ✅ Review with the product owner
- ✅ Update Release Notes and Update Helper on new feature change/addition
- ✅ Release varbase-10.1.0-alpha2, varbase_components-3.0.0-alpha5
Varbase update type
- ✅ No Update
- ➖ Optional Update
- ➖ Forced Update
- ➖ Forced Update if Unchanged
User interface changes
API changes
- N/A
Data model changes
- N/A
Release notes snippet
- Issue #3525844: Changed URL links in components to use
$ref: ui-patterns://urlfor better admin UI/UX and extra validation
| Comment | File | Size | Author |
|---|---|---|---|
| Manage-display-v10x01b2-05-21-2025_05_54_PM--after.png | 36.96 KB | rajab natshah | |
| Manage-display-v10x01b2-05-21-2025_05_53_PM--before.png | 59.7 KB | rajab natshah |

Comments
Comment #3
rajab natshahComment #4
rajab natshahComment #5
rajab natshah✅ Released varbase_components-3.0.0-alpha5
Comment #7
rajab natshah✅ Released varbase-10.1.0-alpha2
Comment #8
rajab natshahComment #9
rajab natshah