flowbite-angular/badge/badge.theme.d.ts

<div align="center"> <h1>:construction: flowbite-angular (unreleased) :construction:</h1> <p> <a href="https://flowbite.com"> <img alt="Flowbite - Tailwind CSS components" width="350" src="https://flowbite.s3.amazonaws.com/github/logo-github

import type { DeepPartial, FlowbiteBoolean, FlowbiteClass, FlowbiteColors, FlowbiteSizes, RouterLinkParameter } from 'flowbite-angular';
/**
 * Available colors for `BadgeComponent`
 */
export interface BadgeColors extends Pick<FlowbiteColors, 'primary' | 'dark' | 'blue' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink'> {
    [key: string]: string;
}
/**
 * Available sizes for `BadgeComponent`
 */
export interface BadgeSizes extends Pick<FlowbiteSizes, 'xs' | 'sm'> {
    [key: string]: string;
}
/**
 * Required properties for the class generation of `BadgeComponent`
 */
export interface BadgeProperties {
    color: keyof BadgeColors;
    hasBorder: keyof FlowbiteBoolean;
    size: keyof BadgeSizes;
    isIconOnly: keyof FlowbiteBoolean;
    isPill: keyof FlowbiteBoolean;
    link: RouterLinkParameter;
    customStyle: DeepPartial<BadgeTheme>;
}
/**
 * Theme definition for `BadgeComponent`
 */
export interface BadgeTheme {
    root: {
        base: string;
        hasBorder: FlowbiteBoolean;
        color: BadgeColors;
        size: BadgeSizes;
        isPill: FlowbiteBoolean;
        isIconOnly: FlowbiteBoolean;
        link: FlowbiteBoolean;
    };
    closeButton: {
        base: string;
        color: BadgeColors;
    };
}
/**
 * Default theme for `BadgeComponent`
 */
export declare const badgeTheme: BadgeTheme;
/**
 * Generated class definition for `BadgeComponent`
 */
export interface BadgeClass extends FlowbiteClass {
    closeButtonClass: string;
}