Merge pull request #136 from abusix/pla-1236-alert-classname-prop-bre…

…aks-design fix: Add className prop to Alert component
abusix · Jul 24, 2024 · 338fad1 · 338fad1
2 parents 5d817a0 + 257c60d
commit 338fad1
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/alert/alert.tsx b/src/components/alert/alert.tsx
@@ -31,15 +31,16 @@ export interface AlertProps extends React.ComponentPropsWithoutRef<"div"> {
     children?: React.ReactNode;
 }
 
-export const Alert = ({ title, children, intent, ...props }: AlertProps) => {
+export const Alert = ({ title, children, intent, className, ...props }: AlertProps) => {
     const Icon = iconNames[intent];
 
     return (
         <div
             role="alert"
             className={classNames(
                 "flex flex-row gap-4 rounded-lg border px-4 py-3 text-neutral-800",
-                alertVariants[intent]
+                alertVariants[intent],
+                className
             )}
             {...props}
         >