more

src/pageElements/Radiogroup.js

@@ -1,4 +1,4 @@
-import { CircleFill, Circle } from "react-bootstrap-icons";
+import { CircleFill, Circle, ExclamationTriangle } from "react-bootstrap-icons";
 
 const Radiogroup = (props) => {
   const {
@@ -19,7 +19,23 @@ const Radiogroup = (props) => {
 
   return (
     <div className="radio-option-container">
+      <div className="radio-group-title-box">
+        {title === "Document type" ? (
+          <div className="checkbox-title-icon-box">
+            <ExclamationTriangle
+              style={{
+                color: "red",
+                marginRight: "8px",
+                marginBottom: "6px",
+              }}
+            />
+          </div>
+        ) : (
+          <></>
+        )}
         {title && <div className="checkbox-title">{title}</div>}
+      </div>
+
       <div className="checkbox-option-div">
         {options &&
           options?.length &&

src/styles/radio-group.scss

@@ -27,6 +27,20 @@
   border-radius: 6px;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
 }
+
+.radio-group-title-box {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+
+.checkbox-title-icon-box {
+  margin-top: 3px;
+  margin-left: 2px;
+  margin-right: 1px;
+}
+
 .checkbox-option-div {
   display: flex;
   flex-direction: row;