Function default

A styled alert component based on MUI's Alert with support for custom colors, icons, and an optional title.

Remarks

This component extends the default MUI Alert by injecting theme-aware colors, a ColorMap, and allowing full customization of icon and structure. You can conditionally show a title, override the default icon, and pass in any props accepted by MUI's Alert.

Example

<Alert
  severity="error"
  alertTitle="Something went wrong"
  message="Unable to process your request. Please try again."
/>
  • default(
        props: Omit<AlertProps, "ref"> & RefAttributes<HTMLDivElement>,
    ): ReactNode

    Parameters

    • props: Omit<AlertProps, "ref"> & RefAttributes<HTMLDivElement>

      Props to configure alert type, styling, and displayed content.

    Returns ReactNode

    A themed alert element with optional title and icon support.

Settings

Member Visibility