chore: required badge in next to the name

mittwald · Nov 11, 2024 · 7064e89 · 7064e89
1 parent 5ff17ef
commit 7064e89
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/docs/src/lib/PropertiesTables/components/PropertyRow.module.css b/packages/docs/src/lib/PropertiesTables/components/PropertyRow.module.css
@@ -0,0 +1,5 @@
+.nameCell {
+  display: flex;
+  gap: var(--size-px--s);
+  flex-wrap: wrap;
+}
diff --git a/packages/docs/src/lib/PropertiesTables/components/PropertyRow.tsx b/packages/docs/src/lib/PropertiesTables/components/PropertyRow.tsx
@@ -6,6 +6,7 @@ import { customComponents } from "@/lib/mdx/components/MdxFileView/customCompone
 import Markdown from "react-markdown";
 import { omit } from "remeda";
 import { Badge } from "@mittwald/flow-react-components/Badge";
+import styles from "./PropertyRow.module.css";
 
 export interface PropertyTableGroupProps {
   property: Property;
@@ -19,9 +20,10 @@ export const PropertyRow: React.FC<PropertyTableGroupProps> = ({
     .replaceAll(/{@link (\S+)}/g, "[$1]($1)");
   return (
     <TableRow>
-      <TableCell>
+      <TableCell className={styles.nameCell}>
         <InlineCode>{property.name}</InlineCode>
         {property.required && <Badge>Required</Badge>}
+        <Badge>Required</Badge>
       </TableCell>
       <TableCell>{property.type}</TableCell>
       <TableCell>{property.default || "-"}</TableCell>