blob: 165e2ce6a29c6636caefdd9725975d4f4388d96c (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
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.' class="u-p-50")
+slot('pre')
+action-button(quiet=true class='l-media__block')= 'Volpeon'
+divider('vertical')(class='u-mis-50')
+slot('post')
+action-button(quiet=true icon='smile' class='l-media__block')
+action-button(quiet=true icon='send' class='l-media__block')
|
