@vlinderclimate/net-zero-ui
Version:
<div align="center"> <img src="https://storage.yandexcloud.net/static.vlinderstorage.com/Telegram_VlinderTech.png" width=200 /> </div> <h1 align="center">Net Zero UI kit</h1>
30 lines (29 loc) • 1.16 kB
TypeScript
import React from "react";
import MuiAlert, { AlertProps as MuiAlertProps, AlertColor } from "@mui/material/Alert";
export interface AlertProps extends Omit<MuiAlertProps, "color"> {
/**
* Main color of the Alert.
* Background with opacity and typography is solid.
*/
color?: AlertColor;
/**
* If filled is true, background color will be solid.
*/
filled?: boolean;
/**
* If rounded is false, the corners will be flat.
*/
rounded?: boolean;
/**
* Text alignment inside the Alert.
*/
align?: "flex-start" | "center" | "flex-end";
}
interface StyledAlertProps extends Omit<AlertProps, "rounded"> {
$rounded?: boolean;
}
export declare const backgroundMap: Record<AlertColor, string>;
export declare const colorMap: Record<AlertColor, string>;
export declare const StyledAlert: import("styled-components").StyledComponent<typeof MuiAlert, import("@mui/material/styles").Theme, import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & StyledAlertProps, never>;
declare const Alert: React.FC<AlertProps>;
export default Alert;