diff --git a/src/runtime/components/layout/Card.vue b/src/runtime/components/layout/Card.vue
index f1c4ff59..bc0c0bbc 100644
--- a/src/runtime/components/layout/Card.vue
+++ b/src/runtime/components/layout/Card.vue
@@ -1,6 +1,6 @@
 <template>
   <component
-    :is="$attrs.onSubmit ? 'form': 'div'"
+    :is="$attrs.onSubmit ? 'form': as"
     :class="[ui.base, ui.rounded, ui.divide, ui.ring, ui.shadow, ui.background]"
     v-bind="$attrs"
   >
@@ -30,6 +30,10 @@ import appConfig from '#build/app.config'
 export default defineComponent({
   inheritAttrs: false,
   props: {
+    as: {
+      type: String,
+      default: 'div'
+    },
     ui: {
       type: Object as PropType<Partial<typeof appConfig.ui.card>>,
       default: () => appConfig.ui.card