blob: 0ba84be1e8635ce1096db9a79802cc1ddad12cfb (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
mixin view-text-field
+view('text-field', 'Text field')
.c-box
div(style={ display: 'flex', gap: '1rem' })
+text-field(placeholder='Placeholder')
+text-field(value='Just landed in L.A.')
+text-field(value='Readonly' readonly=true)
+text-field(value='Incorrect input' pattern='a+' required=true)
br
div(style={ display: 'flex', gap: '1rem' })
+text-field(placeholder='Placeholder' disabled=true)
+text-field(value='Just landed in L.A.' disabled=true)
+text-field(value='Readonly' readonly=true disabled=true)
+text-field(value='Incorrect input' pattern='a+' required=true disabled=true)
br
div
+text-field(placeholder='Just landed in L.A.')
+slot('pre')
+action-button(quiet=true selected=true class='l-card__block')= 'Volpeon'
+slot('post')
+action-button(quiet=true icon='smile' class='l-card__block')
+action-button(quiet=true icon='send' class='l-card__block')
|