Link (A)

The A component is used to render hyperlinks in a document or page, providing a way to link to other web pages, documents, or locations within the same page. This component styles text as clickable links, enhancing navigation and connectivity in digital content.

Usage

A Component Usage

import React from 'react';
import { A } from '~/ui/components/Text';

export default function App() {
  return (
    <div>
      <A href="https://example.com">Visit Example</A>
    </div>
  );
}

Rendered Example

Visit Example

Props

Name	Type	Default	Description
href	string	`undefined`	URL the link points to
isStyled	boolean	`false`	If `true`, applies default link styling
openInNewTab	boolean	`false`	If `true`, opens the link in a new browser tab
shouldLeakReferrer	boolean	`false`	If `true`, allows the referrer to be sent to external links

The A component accepts all standard HTML link attributes, along with custom attributes for enhanced control over behavior and presentation.