diff options
Diffstat (limited to 'tpl/views/field-label.pug')
-rw-r--r-- | tpl/views/field-label.pug | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/tpl/views/field-label.pug b/tpl/views/field-label.pug new file mode 100644 index 0000000..37ffb1a --- /dev/null +++ b/tpl/views/field-label.pug | |||
@@ -0,0 +1,58 @@ | |||
1 | mixin view-field-label | ||
2 | +view('field-label', 'Field label') | ||
3 | .c-box | ||
4 | +field-label('First name') | ||
5 | +text-field(placeholder='Placeholder') | ||
6 | br | ||
7 | +field-label('Password', 'At least 6 characters required') | ||
8 | +text-field(placeholder='Placeholder' type='password') | ||
9 | br | ||
10 | +field-label('Password', 'At least 6 characters required')(invalid=true) | ||
11 | +text-field(placeholder='Placeholder' type='password' invalid=true) | ||
12 | br | ||
13 | +field-label('First name')(disabled=true) | ||
14 | +text-field(placeholder='Placeholder' disabled=true) | ||
15 | br | ||
16 | +field-label('Password', 'At least 6 characters required')(disabled=true) | ||
17 | +text-field(placeholder='Placeholder' type='password' disabled=true) | ||
18 | br | ||
19 | +field-label('Password', 'At least 6 characters required')(invalid=true disabled=true) | ||
20 | +text-field(placeholder='Placeholder' type='password' invalid=true disabled=true) | ||
21 | |||
22 | .c-box | ||
23 | +field-label('First name')(align='left' labelWidth='100px') | ||
24 | +text-field(placeholder='Placeholder') | ||
25 | br | ||
26 | +field-label('Password', 'At least 6 characters required')(align='left' labelWidth='100px') | ||
27 | +text-field(placeholder='Placeholder' type='password') | ||
28 | br | ||
29 | +field-label('Password', 'At least 6 characters required')(align='left' labelWidth='100px' invalid=true) | ||
30 | +text-field(placeholder='Placeholder' type='password' invalid=true) | ||
31 | br | ||
32 | +field-label('First name')(align='left' labelWidth='100px' disabled=true) | ||
33 | +text-field(placeholder='Placeholder' disabled=true) | ||
34 | br | ||
35 | +field-label('Password', 'At least 6 characters required')(align='left' labelWidth='100px' disabled=true) | ||
36 | +text-field(placeholder='Placeholder' type='password' disabled=true) | ||
37 | br | ||
38 | +field-label('Password', 'At least 6 characters required')(align='left' labelWidth='100px' invalid=true disabled=true) | ||
39 | +text-field(placeholder='Placeholder' type='password' invalid=true disabled=true) | ||
40 | |||
41 | .c-box | ||
42 | +field-label('First name')(align='right' labelWidth='100px') | ||
43 | +text-field(placeholder='Placeholder') | ||
44 | br | ||
45 | +field-label('Password', 'At least 6 characters required')(align='right' labelWidth='100px') | ||
46 | +text-field(placeholder='Placeholder' type='password') | ||
47 | br | ||
48 | +field-label('Password', 'At least 6 characters required')(align='right' labelWidth='100px' invalid=true) | ||
49 | +text-field(placeholder='Placeholder' type='password' invalid=true) | ||
50 | br | ||
51 | +field-label('First name')(align='right' labelWidth='100px' disabled=true) | ||
52 | +text-field(placeholder='Placeholder' disabled=true) | ||
53 | br | ||
54 | +field-label('Password', 'At least 6 characters required')(align='right' labelWidth='100px' disabled=true) | ||
55 | +text-field(placeholder='Placeholder' type='password' disabled=true) | ||
56 | br | ||
57 | +field-label('Password', 'At least 6 characters required')(align='right' labelWidth='100px' invalid=true disabled=true) | ||
58 | +text-field(placeholder='Placeholder' type='password' invalid=true disabled=true) | ||