@amsterdam/design-system-react/dist/LinkList/LinkListLink.d.ts

All React components from the Amsterdam Design System. Use it to compose pages in your website or application.

/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import type { AnchorHTMLAttributes, PropsWithChildren } from 'react';
import type { IconProps } from '../Icon';
export declare const linkListLinkColors: readonly ["contrast", "inverse"];
type LinkListLinkColor = (typeof linkListLinkColors)[number];
export declare const linkListLinkSizes: readonly ["small", "large"];
type LinkListLinkSize = (typeof linkListLinkSizes)[number];
export type LinkListLinkProps = {
    /** Changes the text colour for readability on a light or dark background. */
    color?: LinkListLinkColor;
    /**
     * An icon to display instead of the default chevron.
     * Don’t mix custom icons with chevrons in one list.
     * @default ChevronForwardIcon
     */
    icon?: IconProps['svg'];
    /** The size of the text. Use the same size for all items in the list. */
    size?: LinkListLinkSize;
} & PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>>;
/** One link with a Link List. */
export declare const LinkListLink: import("react").ForwardRefExoticComponent<{
    /** Changes the text colour for readability on a light or dark background. */
    color?: LinkListLinkColor;
    /**
     * An icon to display instead of the default chevron.
     * Don’t mix custom icons with chevrons in one list.
     * @default ChevronForwardIcon
     */
    icon?: IconProps["svg"];
    /** The size of the text. Use the same size for all items in the list. */
    size?: LinkListLinkSize;
} & AnchorHTMLAttributes<HTMLAnchorElement> & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLAnchorElement>>;
export {};