Skip to content

Commit d050bf3

Browse files
committed
Update upgrade instructions in v4.1 blog post
1 parent 5c65396 commit d050bf3

File tree

1 file changed

+32
-2
lines changed

1 file changed

+32
-2
lines changed

src/blog/tailwindcss-v4-1/index.mdx

Lines changed: 32 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -58,10 +58,25 @@ That's all the cool stuff, but there's a few other little things hiding in the [
5858

5959
Upgrade your projects by installing the latest version of `tailwindcss` from npm:
6060

61+
<CodeExampleStack>
62+
63+
```sh
64+
# [!code filename:Using the Tailwind CLI]
65+
npm install tailwindcss@latest @tailwindcss/cli@latest
66+
```
67+
6168
```sh
62-
npm install tailwindcss@latest
69+
# [!code filename:Using Vite]
70+
npm install tailwindcss@latest @tailwindcss/vite@latest
6371
```
6472

73+
```sh
74+
# [!code filename:Using PostCSS]
75+
npm install tailwindcss@latest @tailwindcss/postcss@latest
76+
```
77+
78+
</CodeExampleStack>
79+
6580
---
6681

6782
## New `text-shadow-*` utilities
@@ -872,8 +887,23 @@ The new `user-valid` and `user-invalid` variants try to solve this problem, by o
872887

873888
So that's it, that's Tailwind CSS v4.1! Update to the latest version using npm and start playing with it today:
874889

890+
<CodeExampleStack>
891+
892+
```sh
893+
# [!code filename:Using the Tailwind CLI]
894+
npm install tailwindcss@latest @tailwindcss/cli@latest
895+
```
896+
875897
```sh
876-
npm install tailwindcss@latest
898+
# [!code filename:Using Vite]
899+
npm install tailwindcss@latest @tailwindcss/vite@latest
877900
```
878901

902+
```sh
903+
# [!code filename:Using PostCSS]
904+
npm install tailwindcss@latest @tailwindcss/postcss@latest
905+
```
906+
907+
</CodeExampleStack>
908+
879909
Looking forward to seeing what you build with the new features!

0 commit comments

Comments
 (0)