@chakra-ui/core
Version:
Responsive and accessible React UI components built with React and Emotion
26 lines (21 loc) • 665 B
TypeScript
import { BoxProps } from "../Box";
import { IconProps } from "../Icon";
import * as React from "react";
export interface IAlert {
/**
* The status of the alert
*/
status?: "error" | "success" | "warning" | "info";
/**
* The variant of the alert style to use.
*/
variant?: "subtle" | "solid" | "left-accent" | "top-accent";
}
export type AlertProps = IAlert & BoxProps;
/**
* Alerts are used to communicate a state that affects a system, feature or page
*/
export const Alert: React.FC<AlertProps>;
export const AlertTitle: React.FC<BoxProps>;
export const AlertDescription: React.FC<BoxProps>;
export const AlertIcon: React.FC<IconProps>;