diff --git a/src/lib/components/editor/util.ts b/src/lib/components/editor/util.ts
index 9409e89c..18e85e4f 100644
--- a/src/lib/components/editor/util.ts
+++ b/src/lib/components/editor/util.ts
@@ -54,7 +54,8 @@ export const initEditor = (monacoEditor): void => {
 		'click',
 		'class',
 		'href',
-		'call'
+		'call',
+		'state'
 	];
 
 	// Register a tokens provider for the mermaid language
@@ -173,6 +174,13 @@ export const initEditor = (monacoEditor): void => {
 					insertTextRules: monacoEditor.languages.CompletionItemInsertTextRule.InsertAsSnippet,
 					documentation: 'Class'
 				},
+				{
+					label: 'state',
+					kind: monacoEditor.languages.CompletionItemKind.Snippet,
+					insertText: ['state ${1:stateName} {', '\t$0', '}'].join('\n'),
+					insertTextRules: monacoEditor.languages.CompletionItemInsertTextRule.InsertAsSnippet,
+					documentation: 'State'
+				},
 				...[...new Set([...orientations, ...typeKeywords, ...blockKeywords, ...keywords])].map(
 					(keyword) => ({
 						label: keyword,