Skip to content

Commit b66b1d2

Browse files
authored
add useCssModule example (#3070)
docs: add useCssModule example
1 parent 78d61f2 commit b66b1d2

File tree

1 file changed

+20
-0
lines changed

1 file changed

+20
-0
lines changed

src/api/sfc-css-features.md

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -153,6 +153,26 @@ useCssModule()
153153
useCssModule('classes')
154154
```
155155

156+
- **Example**
157+
158+
```vue
159+
<script setup lang="ts">
160+
import { useCssModule } from 'vue'
161+
162+
const classes = useCssModule()
163+
</script>
164+
165+
<template>
166+
<p :class="classes.red">red</p>
167+
</template>
168+
169+
<style module>
170+
.red {
171+
color: red;
172+
}
173+
</style>
174+
```
175+
156176
## `v-bind()` in CSS {#v-bind-in-css}
157177

158178
SFC `<style>` tags support linking CSS values to dynamic component state using the `v-bind` CSS function:

0 commit comments

Comments
 (0)