diff options
Diffstat (limited to 'tpl/views/text-field.pug')
-rw-r--r-- | tpl/views/text-field.pug | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/tpl/views/text-field.pug b/tpl/views/text-field.pug new file mode 100644 index 0000000..0ba84be --- /dev/null +++ b/tpl/views/text-field.pug | |||
@@ -0,0 +1,22 @@ | |||
1 | mixin view-text-field | ||
2 | +view('text-field', 'Text field') | ||
3 | .c-box | ||
4 | div(style={ display: 'flex', gap: '1rem' }) | ||
5 | +text-field(placeholder='Placeholder') | ||
6 | +text-field(value='Just landed in L.A.') | ||
7 | +text-field(value='Readonly' readonly=true) | ||
8 | +text-field(value='Incorrect input' pattern='a+' required=true) | ||
9 | br | ||
10 | div(style={ display: 'flex', gap: '1rem' }) | ||
11 | +text-field(placeholder='Placeholder' disabled=true) | ||
12 | +text-field(value='Just landed in L.A.' disabled=true) | ||
13 | +text-field(value='Readonly' readonly=true disabled=true) | ||
14 | +text-field(value='Incorrect input' pattern='a+' required=true disabled=true) | ||
15 | br | ||
16 | div | ||
17 | +text-field(placeholder='Just landed in L.A.') | ||
18 | +slot('pre') | ||
19 | +action-button(quiet=true selected=true class='l-card__block')= 'Volpeon' | ||
20 | +slot('post') | ||
21 | +action-button(quiet=true icon='smile' class='l-card__block') | ||
22 | +action-button(quiet=true icon='send' class='l-card__block') | ||