Notifications

Alerts

Informs merchants about important changes. We use this component to communicate to users in a prominent way.

Information Note
Critical Note
Warning Note

Properties

export type Alerts = {
  padding?: CSSProperties["padding"];
  borderRadius?: CSSProperties["borderRadius"];
  title?: FontStyle;
  content?: FontStyle;
  info?: AlertType;
  warning?: AlertType;
  critical?: AlertType;
};
 
export type AlertType = {
  background?: CSSProperties["background"];
  border?: CSSProperties["border"];
  color?: CSSProperties["color"];
  iconColor?: CSSProperties["fill"];
  borderRadius?: CSSProperties["borderRadius"];
};