skills.rest
PeakTai
PeakTaiCOMMUNITY
Explore all skills by this author →
GitHub

wok-ui-link

Create and manage interactive hyperlinks in wok-ui projects.

Updated Sep 14, 2023
Search Tags:#download#url#target#link#anchor#onclick#wok-ui
One-click install
npx skills add https://github.com/PeakTai/wok-ui --skill wok-ui-link
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wok-ui-link
Source: https://github.com/PeakTai/wok-ui/tree/main/skills/wok-ui-link
Command: npx skills add https://github.com/PeakTai/wok-ui --skill wok-ui-link

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guide explains how to create and manage interactive hyperlinks in wok-ui, covering navigation, click handling, and download-enabled links.

Core Features & Use Cases

  • Create <a>-style links with content and URL
  • Attach onClick handlers to run custom actions without navigating
  • Control opening targets (self, blank, parent, top) and support downloads
  • Use in dashboards, tables, and navigation menus to provide rich link interactions

Quick Start

Create a Link with content and a URL, then render it in your wok-ui page.

Frequently Asked Questions about wok-ui-link

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create interactive hyperlinks in wok-ui that trigger custom actions without navigating away?▼

To create interactive hyperlinks in wok-ui, attach an onClick handler to the Link component. This executes custom JavaScript actions directly without triggering a browser navigation event.

Can I configure a wok-ui anchor element to download resources directly?▼

Yes, you can configure a wok-ui anchor element to download resources by setting the download option. This prompts the browser to download the target URL content instead of navigating to it.

How do I control link target behavior to open URLs in new tabs using wok-ui?▼

Control link target behavior in wok-ui by setting the target option to blank, self, parent, or top. Setting target to blank ensures the URL opens in a new browser tab.

How do I programmatically simulate a click on a link component in wok-ui?▼

You can programmatically simulate a click on a wok-ui link component by calling its built-in triggerClick method. This method executes the attached onClick handlers and default anchor behavior.

Does the wok-ui link component render a standard HTML anchor tag?▼

Yes, the wok-ui link component renders a standard HTML anchor tag. It accepts content and URL properties to structure the element while providing interactive link behaviors.

Related Skills

Explore More Software Engineering Skills→
PeakTaiPeakTai

wok-ui-text

Render consistent text in wok-ui UIs with Text presets and chainable methods.

Community
Intermediate
Impertio-StudioImpertio-Studio
163

frappe-syntax-clientscripts

Write Frappe client scripts for form events, child tables, and server calls.

Official
Intermediate
PeakTaiPeakTai

wok-ui-layout

Arrange wok-ui UI components with six built-in layout containers.

Community
Intermediate
kriscendobotkriscendobot
3

native-customizable-form-control-styling

Style native HTML select elements with CSS pseudo-elements and pseudo-classes.

Community
Advanced