vscode

vscode/snippets/tsx.code-snippets

@@ -0,0 +1,40 @@
+{
+	// Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and 
+	// description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope 
+	// is left empty or omitted, the snippet gets applied to all languages. The prefix is what is 
+	// used to trigger the snippet and the body will be expanded and inserted. Possible variables are: 
+	// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. 
+	// Placeholders with the same ids are connected.
+	// Example:
+	// "Print to console": {
+	// 	"scope": "javascript,typescript",
+	// 	"prefix": "log",
+	// 	"body": [
+	// 		"console.log('$1');",
+	// 		"$2"
+	// 	],
+	// 	"description": "Log output to console"
+	// }
+	"boilerplate" : {
+		"scope" : "typescriptreact",
+		"prefix" : "bp",
+		"body" : [
+			"import { Typography } from \"@mui/material\";",
+			""
+			"type Props = {};",
+			"",
+			"export default function $1({}: Props){",
+			"\treturn <Typography>TODO</Typography>;"
+			"}"
+		]
+	},
+	"grid-item" : {
+		"scope" : "typescriptreact",
+		"prefix" : "gi",
+		"body" :  [
+			"<Grid item xs={$1}>",
+			"\t$2",
+			"</Grid>"
+		]
+	}
+}