add CodeField className #152

NilFoundation · Oct 30, 2023 · 9507e0e · 9507e0e
1 parent 62852a9
commit 9507e0e
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/src/components/codefield/CodeField.tsx b/src/components/codefield/CodeField.tsx
@@ -17,22 +17,33 @@ export type CodeFieldProps = {
   onCopy?: (code: string, isCopied: boolean) => void;
   transformOnCopy?: (code: string) => string;
   showLineNumbers?: boolean;
+  className?: string;
 };
 
 const CodeFieldRenderFunction: ForwardRefRenderFunction<HTMLDivElement, CodeFieldProps> = (
-  { code, extensions = [], themeOverrides, displayCopy = true, onCopy, transformOnCopy, showLineNumbers = false },
+  {
+    code,
+    extensions = [],
+    themeOverrides,
+    displayCopy = true,
+    onCopy,
+    transformOnCopy,
+    showLineNumbers = false,
+    className,
+  },
   ref
 ) => {
   const [css] = useStyletron();
   const copyHandler = useCopyToClipboard(code, onCopy, transformOnCopy);
   const mergedExtensions = [...extensions];
+  const computedCn = className ? `${css(s.containerStyles)} ${className}` : css(s.containerStyles);
 
   if (showLineNumbers) {
     mergedExtensions.push(prefixLineNumberExtension);
   }
 
   return (
-    <div ref={ref} className={css(s.containerStyles)}>
+    <div ref={ref} className={computedCn}>
       <CodeMirror
         value={code}
         readOnly