diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx
index ac824b5a1..dbf14610e 100644
--- a/src/components/Banner.tsx
+++ b/src/components/Banner.tsx
@@ -8,16 +8,19 @@ export interface BannerProps {
type: BannerTypes;
message: ReactNode;
onClose?: VoidFunction;
+ showIcon?: boolean;
}
export function Banner(props: BannerProps) {
- const { type, message, onClose = false, ...others } = props;
+ const { type, message, onClose = false, showIcon = true, ...others } = props;
const tid = useTestIds(others, "banner");
return (
-
-
-
+ {showIcon && (
+
+
+
+ )}
{message}
diff --git a/src/components/Icon.stories.tsx b/src/components/Icon.stories.tsx
index 4bdfb8d29..ca1dd5ae6 100644
--- a/src/components/Icon.stories.tsx
+++ b/src/components/Icon.stories.tsx
@@ -29,6 +29,7 @@ export const Icon = (props: IconProps) => {
"check",
"search",
"comment",
+ "commentFilled",
"plus",
"minus",
"pencil",
diff --git a/src/components/Icon.tsx b/src/components/Icon.tsx
index dd2b08ee9..b5f6bde15 100644
--- a/src/components/Icon.tsx
+++ b/src/components/Icon.tsx
@@ -117,6 +117,9 @@ export const Icons = {
comment: (
),
+ commentFilled: (
+
+ ),
plus:
,
minus:
,
pencil: (