diff --git a/src/api/sfc-css-features.md b/src/api/sfc-css-features.md
index 03c0ea6015..61fb7f9645 100644
--- a/src/api/sfc-css-features.md
+++ b/src/api/sfc-css-features.md
@@ -153,6 +153,26 @@ useCssModule()
 useCssModule('classes')
 ```
 
+- **Example**
+
+```vue
+<script setup lang="ts">
+import { useCssModule } from 'vue'
+
+const classes = useCssModule()
+</script>
+
+<template>
+  <p :class="classes.red">red</p>
+</template>
+
+<style module>
+.red {
+  color: red;
+}
+</style>
+```
+
 ## `v-bind()` in CSS {#v-bind-in-css}
 
 SFC `<style>` tags support linking CSS values to dynamic component state using the `v-bind` CSS function: