diff --git a/packages/dashboard-v2/src/components/Alert/Alert.js b/packages/dashboard-v2/src/components/Alert/Alert.js
new file mode 100644
index 00000000..0e6ab345
--- /dev/null
+++ b/packages/dashboard-v2/src/components/Alert/Alert.js
@@ -0,0 +1,9 @@
+import styled from "styled-components";
+import cn from "classnames";
+
+export const Alert = styled.div.attrs(({ $variant }) => ({
+  className: cn("px-3 py-2 sm:px-6 sm:py-4 rounded border", {
+    "bg-red-100 border-red-200 text-error": $variant === "error",
+    "bg-green-100 border-green-200 text-palette-400": $variant === "success",
+  }),
+}))``;
diff --git a/packages/dashboard-v2/src/components/Alert/index.js b/packages/dashboard-v2/src/components/Alert/index.js
new file mode 100644
index 00000000..b8e17a03
--- /dev/null
+++ b/packages/dashboard-v2/src/components/Alert/index.js
@@ -0,0 +1 @@
+export * from "./Alert";