diff options
| author | Volpeon <git@volpeon.ink> | 2022-03-25 18:29:21 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-03-25 18:29:21 +0100 |
| commit | 5e2696d9ae35b37a9f7d0fe1c52b93fb84570464 (patch) | |
| tree | e3b22a889bd4f8a6679d76dbe85c3152173947a6 /tpl/views/field-label.pug | |
| parent | Fixed vertical rule (diff) | |
| download | iro-design-5e2696d9ae35b37a9f7d0fe1c52b93fb84570464.tar.gz iro-design-5e2696d9ae35b37a9f7d0fe1c52b93fb84570464.tar.bz2 iro-design-5e2696d9ae35b37a9f7d0fe1c52b93fb84570464.zip | |
Split demo in :target views
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) | ||