Snippets
jsonhtml-tailwindcss-setup.json
Copy code
"Tailwind CSS Setup": {
	"prefix": "!tcss",
	"body": [
		"<!DOCTYPE html>",
		"<html lang=\"en\">",
		"<head>",
		"  <meta charset=\"UTF-8\" />",
		"  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />",
		"  <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\" />",
		"  <title>${1:Tailwind CSS Page}</title>",
		"  <script src=\"https://cdn.tailwindcss.com\" rel=\"stylesheet\"></script>",
		"</head>",
		"<body class=\"${2:bg-gray-100}\">",
		"  <div class=\"${3:container mx-auto p-4}\">",
		"    <h1 class=\"${4:text-3xl font-bold}\">${5:Hello, Tailwind CSS!}</h1>",
		"  </div>",
		"</body>",
		"</html>"
	],
	"description": "Tailwind CSS HTML setup"
}