link-usage

Expose the low-level Link atom for inline navigation in React apps.

2|Updated Dec 2, 2024
One-click install
npx skills add https://github.com/TechsioCZ/new-engine --skill link-usage
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: link-usage
Source: https://github.com/TechsioCZ/new-engine/tree/main/libs/ui/skills/link-usage
Command: npx skills add https://github.com/TechsioCZ/new-engine --skill link-usage

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Facilitates use of the low-level Link atom from the UI kit for inline or unstyled navigation, including external links and framework adapters.

Core Features & Use Cases

  • Inline navigation with the Link atom for lightweight, framework-agnostic routing.
  • External link handling with safe targets and proper rel attributes.
  • Seamless integration with framework adapters (e.g., Next.js) and parity with LinkButton when a button appearance is needed.

Quick Start

Import the Link atom and render it for inline navigation in your React app.

Frequently Asked Questions about link-usage

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

FAQPage Schema
How do I handle inline navigation in React without using a heavy routing library?

Inline navigation in React can be handled using a low-level Link atom that provides lightweight, framework-agnostic routing. It renders unstyled anchors to avoid importing full router packages.

Does the Link atom support Next.js framework adapters for internal routing?

Yes, the Link atom supports Next.js framework adapters for internal routing. It integrates with framework-specific routing mechanisms while maintaining a framework-agnostic core.

How do I safely manage external links in a React UI kit?

To safely manage external links in a React UI kit, the Link atom applies safe target attributes and proper rel attributes. This ensures external navigation opens securely.

Can I use the Link atom with the LinkButton component for button-styled links?

Yes, you can use the Link atom with the LinkButton component for button-styled links. The atom satisfies the 'as' prop usage, allowing it to adopt button appearances while retaining navigation logic.

What is the difference between the Link atom and a full UI kit routing component?

The Link atom is a low-level primitive for lightweight, unstyled inline navigation, whereas full UI kit routing components include heavy styling. The atom serves as the base layer for elements like LinkButton.