@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
31 lines (30 loc) • 993 B
TypeScript
/**
* Web TermDefinition Component
*/
import type { HTMLAttributes, ReactNode } from 'react';
import type { SkeletonShow } from '../skeleton/Skeleton';
import type { SpacingProps } from '../../shared/types';
export type TermDefinitionProps = {
/**
* The term shown as the anchor trigger.
*/
children: ReactNode;
/**
* The explanatory text/content shown inside the tooltip.
*/
content: ReactNode;
/**
* Optional CSS class for the anchor trigger.
*/
className?: string;
/**
* Tooltip placement relative to the trigger.
*/
placement?: 'top' | 'right' | 'bottom' | 'left';
/**
* If set to `true`, an overlaying skeleton with animation will be shown.
*/
skeleton?: SkeletonShow;
};
export type TermDefinitionAllProps = TermDefinitionProps & SpacingProps & HTMLAttributes<HTMLSpanElement>;
export default function TermDefinition(localProps: TermDefinitionAllProps): import("react/jsx-runtime").JSX.Element;