@rarcifa/cronos-design-system/dist/components/Tag/interface.d.ts

A typescript react component library following the Cronos branding standards

import { ReactElement, ReactNode } from 'react';
export interface TagProps {
    /**
     * The content to be displayed within the tag.
     */
    children: ReactNode;
    /**
     * If true, applies secondary styling to the tag.
     */
    secondary?: boolean;
    /**
     * An optional icon to be displayed alongside the tag's content.
     */
    icon?: ReactElement;
    /**
     * Allows specifying a custom color for the tag, providing additional flexibility beyond
     * the predefined color themes. This should be a valid CSS color value.
     */
    customColor?: string;
    /**
     * Specifies the variant of the tag, with available options 'primary',
     * and 'secondary' to be used in different scenarios.
     */
    variant?: 'primary' | 'secondary';
}