@amsterdam/design-system-react
Version:
All React components from the Amsterdam Design System. Use it to compose pages in your website or application.
34 lines (33 loc) • 1.39 kB
TypeScript
/**
* @license EUPL-1.2+
* Copyright Gemeente Amsterdam
*/
import type { AnchorHTMLAttributes, PropsWithChildren } from 'react';
import type { IconProps } from '../Icon';
export type LinkListLinkProps = {
/** Changes the text colour for readability on a light or dark background. */
color?: 'contrast' | 'inverse';
/**
* 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?: 'small' | 'large';
} & 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?: "contrast" | "inverse";
/**
* 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?: "small" | "large";
} & AnchorHTMLAttributes<HTMLAnchorElement> & {
children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<HTMLAnchorElement>>;