@stakefish/ui
Version:
<div align="center"> <a href="https://www.npmjs.com/package/@stakefish/ui"><img src="https://gateway.pinata.cloud/ipfs/QmbZL1ceA8Yiz2pKALTg919jYx141DPUGegC9L4XpyayW5" width="300" /></a> </div>
26 lines (25 loc) • 811 B
TypeScript
import React from "react";
import { 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";
}
export declare const backgroundMap: Record<AlertColor, string>;
export declare const colorMap: Record<AlertColor, string>;
declare const Alert: React.FC<AlertProps>;
export default Alert;