diff --git a/src/components/CodeEditor/src/CodeEditor.vue b/src/components/CodeEditor/src/CodeEditor.vue
index 1e1ca94..b88187c 100644
--- a/src/components/CodeEditor/src/CodeEditor.vue
+++ b/src/components/CodeEditor/src/CodeEditor.vue
@@ -16,6 +16,7 @@ const props = defineProps({
   },
   readonly: { type: Boolean },
   autoFormat: { type: Boolean, default: true },
+  bordered: { type: Boolean, default: false },
 })
 
 const emit = defineEmits(['change', 'update:value', 'formatError'])
@@ -46,6 +47,6 @@ function handleValueChange(v) {
 
 <template>
   <div class="h-full">
-    <CodeMirrorEditor :value="getValue" :mode="mode" :readonly="readonly" @change="handleValueChange" />
+    <CodeMirrorEditor :value="getValue" :mode="mode" :readonly="readonly" :bordered="bordered" @change="handleValueChange" />
   </div>
 </template>
diff --git a/src/components/CodeEditor/src/codemirror/CodeMirror.vue b/src/components/CodeEditor/src/codemirror/CodeMirror.vue
index e568b0d..b06d34b 100644
--- a/src/components/CodeEditor/src/codemirror/CodeMirror.vue
+++ b/src/components/CodeEditor/src/codemirror/CodeMirror.vue
@@ -27,6 +27,7 @@ const props = defineProps({
   },
   value: { type: String, default: '' },
   readonly: { type: Boolean, default: false },
+  bordered: { type: Boolean, default: false },
 })
 
 const emit = defineEmits(['change'])
@@ -107,5 +108,9 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div ref="el" class="relative w-full overflow-hidden !h-full" />
+  <div
+    ref="el"
+    class="relative w-full overflow-hidden !h-full"
+    :class="{ 'ant-input': props.bordered, 'css-dev-only-do-not-override-kqecok': props.bordered }"
+  />
 </template>