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"> <
28 lines (27 loc) • 891 B
TypeScript
import type { ComponentProps, FC, PropsWithChildren, ReactNode } from 'react';
import type { FlowbiteColors } from '../Flowbite/FlowbiteTheme';
export interface FlowbiteAlertTheme {
base: string;
borderAccent: string;
wrapper: string;
closeButton: {
base: string;
icon: string;
color: AlertColors;
};
color: AlertColors;
icon: string;
rounded: string;
}
export interface AlertColors extends Pick<FlowbiteColors, 'failure' | 'gray' | 'info' | 'success' | 'warning'> {
[key: string]: string;
}
export interface AlertProps extends PropsWithChildren<Omit<ComponentProps<'div'>, 'color'>> {
additionalContent?: ReactNode;
color?: keyof AlertColors;
icon?: FC<ComponentProps<'svg'>>;
onDismiss?: boolean | (() => void);
rounded?: boolean;
withBorderAccent?: boolean;
}
export declare const Alert: FC<AlertProps>;