@primer/react-brand/lib/Link/Link.d.ts

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

import React from 'react';
import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css';
export declare const LinkVariants: readonly ["default", "accent"];
export declare const LinkSizes: readonly ["medium", "large"];
export declare const LinkArrowDirections: readonly ["start", "end", "none"];
export type LinkProps = {
    /**
     * The size variations available in Link
     */
    size?: (typeof LinkSizes)[number];
    /**
     * Position of the arrow.
     */
    arrowDirection?: (typeof LinkArrowDirections)[number];
    /**
     * Show an external link icon
     */
    isExternal?: boolean;
    /**
     * Specify alternative link appearance
     */
    variant?: (typeof LinkVariants)[number];
} & React.ComponentPropsWithoutRef<'a'>;
/**
 * Links connect users to related content.
 * These are not intended to be used as a call-to-action.
 */
export declare function Link({ size, variant, className, children, isExternal, onMouseEnter, onMouseLeave, onFocus, onBlur, arrowDirection, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;