@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
32 lines (31 loc) • 1.06 kB
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 = {
/**
* Term shown as the trigger. Typically a short word or phrase.
*/
children: ReactNode;
/**
* Definition text that will be displayed inside.
*/
content: ReactNode;
/**
* Optional CSS class for the anchor trigger.
*/
className?: string;
/**
* Defines the preferred popover placement relative to the trigger.
* Default: `"bottom"`
*/
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;