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.