@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
33 lines (32 loc) • 1.32 kB
TypeScript
import type { FlexItemAllProps as FlexItemProps } from '../flex/Item';
import type { SkeletonShow } from '../Skeleton';
export type ItemSublineVariant = 'description';
/**
* Props for List.Cell.Title.Subline (ItemSubline).
* Secondary line under the title; pairs with List.Cell.Title.Overline (above the row).
*/
export type ItemSublineProps = FlexItemProps & {
/**
* Visual variant. Use `description` for smaller, muted text style.
*/
variant?: ItemSublineVariant;
/**
* Font size of the subline content. Defaults to `small`. When `variant="description"`, defaults to `x-small`.
* Default: `"small"`
*/
fontSize?: 'basis' | 'small' | 'x-small';
/**
* Font weight of the subline content. Defaults to `regular`.
* Default: `"regular"`
*/
fontWeight?: 'regular' | 'medium';
/**
* When `true`, applies skeleton font styling to all child items inside the scroll view. Propagated via context so nested `List.Container` and items inherit it.
*/
skeleton?: SkeletonShow;
};
declare function ItemSubline({ className, variant, fontSize, fontWeight, skeleton, children, ...rest }: ItemSublineProps): import("react/jsx-runtime").JSX.Element;
declare namespace ItemSubline {
var _supportsSpacingProps: boolean;
}
export default ItemSubline;