diff options
Diffstat (limited to 'tpl/index.pug')
-rw-r--r-- | tpl/index.pug | 32 |
1 files changed, 31 insertions, 1 deletions
diff --git a/tpl/index.pug b/tpl/index.pug index 47dbc55..7dab86f 100644 --- a/tpl/index.pug +++ b/tpl/index.pug | |||
@@ -6,6 +6,7 @@ include layouts/container.pug | |||
6 | include objects/heading.pug | 6 | include objects/heading.pug |
7 | include objects/rule.pug | 7 | include objects/rule.pug |
8 | include objects/button.pug | 8 | include objects/button.pug |
9 | include objects/text-field.pug | ||
9 | 10 | ||
10 | mixin box | 11 | mixin box |
11 | +container(padX=true padY=true inPage=true theme="raised") | 12 | +container(padX=true padY=true inPage=true theme="raised") |
@@ -21,7 +22,7 @@ html | |||
21 | link(rel="stylesheet" href="style.css") | 22 | link(rel="stylesheet" href="style.css") |
22 | script(src="script.js") | 23 | script(src="script.js") |
23 | 24 | ||
24 | body(class='t-lighter') | 25 | body |
25 | +container(padX=true padY=true narrow=true) | 26 | +container(padX=true padY=true narrow=true) |
26 | 27 | ||
27 | +h1-heading(level='xl')= 'Heading' | 28 | +h1-heading(level='xl')= 'Heading' |
@@ -91,3 +92,32 @@ html | |||
91 | +a-button(variant='secondary' outline=true)= 'Button' | 92 | +a-button(variant='secondary' outline=true)= 'Button' |
92 | = ' ' | 93 | = ' ' |
93 | +a-button(variant='secondary' outline=true disabled=true)= 'Button' | 94 | +a-button(variant='secondary' outline=true disabled=true)= 'Button' |
95 | |||
96 | //----------------------------------------- | ||
97 | |||
98 | +h1-heading(level='xl')= 'Text field' | ||
99 | +rule(level='medium') | ||
100 | |||
101 | +box | ||
102 | +text-field(placeholder='Placeholder') | ||
103 | br | ||
104 | br | ||
105 | +text-field(value='Just landed in L.A.') | ||
106 | br | ||
107 | br | ||
108 | +text-field(value='Readonly' readonly=true) | ||
109 | br | ||
110 | br | ||
111 | +text-field(value='Incorrect input' pattern='a+' required=true) | ||
112 | br | ||
113 | br | ||
114 | +text-field(placeholder='Placeholder' disabled=true) | ||
115 | br | ||
116 | br | ||
117 | +text-field(value='Just landed in L.A.' disabled=true) | ||
118 | br | ||
119 | br | ||
120 | +text-field(value='Readonly' readonly=true disabled=true) | ||
121 | br | ||
122 | br | ||
123 | +text-field(value='Incorrect input' pattern='a+' required=true disabled=true) | ||