dgz-ui/dist/types/ui/alert/alert.d.ts

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript

import * as React from 'react';
import { type VariantProps } from 'class-variance-authority';
/**
 * Alert variants configuration.
 * Controls the tone of the alert via the `variant` prop.
 *
 * @property {'default' | 'warning' | 'destructive'} variant - Visual style of the alert.
 */
export declare const alertVariants: (props?: ({
    variant?: "default" | "warning" | "destructive" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/**
 * Alert component - A container used to display contextual messages.
 *
 * @component
 * @param {React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>} props - Alert props.
 * @param {'default'|'warning'|'destructive'} [props.variant='default'] - Alert tone.
 */
declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
    variant?: "default" | "warning" | "destructive" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
/**
 * AlertTitle - Title area for the alert content.
 */
declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
/**
 * AlertDescription - Body text area of the alert.
 */
declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
export { Alert, AlertTitle, AlertDescription };
//# sourceMappingURL=alert.d.ts.map