@adaptabletools/adaptable/src/components/Tag/Tag.d.ts

Powerful AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements

import * as React from 'react';
import { FlexProps } from '../Flex';
export type TagVariant = 'default' | 'column';
export declare const Tag: React.FunctionComponent<React.PropsWithChildren<FlexProps & {
    className?: string;
    style?: React.CSSProperties;
    onClick?: React.MouseEventHandler<HTMLDivElement>;
    variant?: TagVariant;
}> & React.RefAttributes<HTMLDivElement>>;
/** Tag styled for column names — accent tint and left stripe for quick recognition. */
export declare const ColumnTag: React.ForwardRefExoticComponent<Omit<FlexProps & {
    className?: string;
    style?: React.CSSProperties;
    onClick?: React.MouseEventHandler<HTMLDivElement>;
    variant?: TagVariant;
} & {
    children?: React.ReactNode | undefined;
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
export declare const TagBox: (props: {
    children: React.ReactNode;
    className?: string;
}) => React.JSX.Element;
export declare const TagList: (props: {
    tags: (React.ReactNode | string)[];
    className?: string;
    variant?: TagVariant;
}) => React.JSX.Element;
export declare function renderColumnTags(columnIds: string[], getFriendlyName: (columnId: string) => string, options?: {
    className?: string;
    tagClassName?: string;
}): React.ReactNode;