1
1
{
2
- // Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
3
- // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
4
- // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
5
- // used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
6
- // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
7
- // Placeholders with the same ids are connected.
8
- // Example:
9
- // "Print to console": {
10
- // "scope": "javascript,typescript",
11
- // "prefix": "log",
12
- // "body": [
13
- // "console.log('$1');",
14
- // "$2"
15
- // ],
16
- // "description": "Log output to console"
17
- // }
2
+ // Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
3
+ // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
4
+ // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
5
+ // used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
6
+ // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
7
+ // Placeholders with the same ids are connected.
8
+ // Example:
9
+ // "Print to console": {
10
+ // "scope": "javascript,typescript",
11
+ // "prefix": "log",
12
+ // "body": [
13
+ // "console.log('$1');",
14
+ // "$2"
15
+ // ],
16
+ // "description": "Log output to console"
17
+ // }
18
18
19
- "Form component" : {
20
- "scope" : " javascript,typescript" ,
21
- "prefix" : " form" ,
22
- "body" : [
23
- " function $1Form({onSubmit, buttonText}) {" ,
24
- " function handleSubmit(event) {" ,
25
- " event.preventDefault()" ,
26
- " const { ${2:textInputId}, ${3:passwordInputId} } = event.target.elements;" ,
27
- " " ,
28
- " onSubmit({" ,
29
- " ${2:textInputId}: ${2:textInputId}.value," ,
30
- " ${3:passwordInputId}: ${3:passwordInputId}.value" ,
31
- " })" ,
32
- " }" ,
33
- " " ,
34
- " return (" ,
35
- " <form onSubmit={handleSubmit}>" ,
36
- " <div>" ,
37
- " <label htmlFor='${2:textInputId}'>Username</label>" ,
38
- " <input id='${2:textInputId}' autoComplete='username' type='text' />" ,
39
- " </div>" ,
40
- " <div>" ,
41
- " <label htmlFor='${3:passwordInputId}'>Password</label>" ,
42
- " <input id='${3:passwordInputId}' autoComplete='current-password' type='password' />" ,
43
- " </div>" ,
44
- " <button type='submit'>{buttonText}</button>" ,
45
- " </form>" ,
46
- " )" ,
47
- " }"
48
- ],
49
- "description" : " A simple login form example from Epict React, augmented by Google Chrome's autoCompletion warnings."
50
- }
19
+ "Form component" : {
20
+ "scope" : " javascript,typescript" ,
21
+ "prefix" : " form" ,
22
+ "body" : [
23
+ " function $1Form({onSubmit, buttonText}) {" ,
24
+ " function handleSubmit(event) {" ,
25
+ " event.preventDefault()" ,
26
+ " const { ${2:textInputId}, ${3:passwordInputId} } = event.target.elements;" ,
27
+ " " ,
28
+ " onSubmit({" ,
29
+ " ${2:textInputId}: ${2:textInputId}.value," ,
30
+ " ${3:passwordInputId}: ${3:passwordInputId}.value" ,
31
+ " })" ,
32
+ " }" ,
33
+ " " ,
34
+ " return (" ,
35
+ " <form onSubmit={handleSubmit}>" ,
36
+ " <div>" ,
37
+ " <label htmlFor='${2:textInputId}'>Username</label>" ,
38
+ " <input id='${2:textInputId}' autoComplete='username' type='text' />" ,
39
+ " </div>" ,
40
+ " <div>" ,
41
+ " <label htmlFor='${3:passwordInputId}'>Password</label>" ,
42
+ " <input id='${3:passwordInputId}' autoComplete='current-password' type='password' />" ,
43
+ " </div>" ,
44
+ " <button type='submit'>{buttonText}</button>" ,
45
+ " </form>" ,
46
+ " )" ,
47
+ " }"
48
+ ],
49
+ "description" : " A simple login form example from Epict React, augmented by Google Chrome's autoCompletion warnings."
50
+ }
51
51
}
0 commit comments