hoda-react
Version:
<div align="center"> <h1>:construction: flowbite-react (unreleased) :construction:</h1> <p> <a href="https://flowbite-react.com"> <img alt="Flowbite - Tailwind CSS components" width="350" src=".github/assets/flowbite-react-github.png"> <
27 lines (26 loc) • 875 B
TypeScript
import type { ComponentProps, FC, PropsWithChildren } from 'react';
import type { FlowbiteColors, FlowbiteSizes } from '../Flowbite/FlowbiteTheme';
export interface FlowbiteBadgeTheme {
base: string;
color: BadgeColors;
href: string;
icon: {
off: string;
on: string;
size: BadgeSizes;
};
size: BadgeSizes;
}
export interface BadgeColors extends Pick<FlowbiteColors, 'failure' | 'gray' | 'indigo' | 'info' | 'pink' | 'purple' | 'success'> {
[key: string]: string;
}
export interface BadgeSizes extends Pick<FlowbiteSizes, 'xs' | 'sm'> {
[key: string]: string;
}
export interface BadgeProps extends PropsWithChildren<Omit<ComponentProps<'span'>, 'color'>> {
color?: keyof BadgeColors;
href?: string;
icon?: FC<ComponentProps<'svg'>>;
size?: keyof BadgeSizes;
}
export declare const Badge: FC<BadgeProps>;