Skip to content

Commit 666eb73

Browse files
committed
chore: add devtools feature doc
1 parent 13ef556 commit 666eb73

File tree

1 file changed

+15
-1
lines changed

1 file changed

+15
-1
lines changed

README.md

Lines changed: 15 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,21 @@
3838

3939
Read the [documentation](https://windicss.org/integrations/webpack.html) for more details.
4040

41-
## New Features in v3.0
41+
## New Webpack Plugin Features
42+
43+
**Design in DevTools mode**
44+
45+
Add the import with your existing windi imports and you'll have autocompletion in your Chrome DevTools!
46+
47+
```js
48+
import 'virtual:windi-devtools'
49+
```
50+
51+
<img src="https://user-images.githubusercontent.com/41503212/163978055-9be54838-5156-47ca-a2e7-f94480806002.gif" width="300" />
52+
53+
Thanks [await-ovo](https://github.com/await-ovo)!
54+
55+
## New Windi v3.0 Features
4256

4357
### [Attributify Mode](https://windicss.org/posts/v30.html#attributify-mode)
4458

0 commit comments

Comments
 (0)