From 1cb77f7c4cb27e40e368656b6536bb208d96aef9 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 5 Feb 2022 18:32:31 +0100 Subject: Added text field --- tpl/index.pug | 32 +++++++++++++++++++++++++++++++- 1 file changed, 31 insertions(+), 1 deletion(-) (limited to 'tpl/index.pug') 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 include objects/heading.pug include objects/rule.pug include objects/button.pug +include objects/text-field.pug mixin box +container(padX=true padY=true inPage=true theme="raised") @@ -21,7 +22,7 @@ html link(rel="stylesheet" href="style.css") script(src="script.js") - body(class='t-lighter') + body +container(padX=true padY=true narrow=true) +h1-heading(level='xl')= 'Heading' @@ -91,3 +92,32 @@ html +a-button(variant='secondary' outline=true)= 'Button' = ' ' +a-button(variant='secondary' outline=true disabled=true)= 'Button' + + //----------------------------------------- + + +h1-heading(level='xl')= 'Text field' + +rule(level='medium') + + +box + +text-field(placeholder='Placeholder') + br + br + +text-field(value='Just landed in L.A.') + br + br + +text-field(value='Readonly' readonly=true) + br + br + +text-field(value='Incorrect input' pattern='a+' required=true) + br + br + +text-field(placeholder='Placeholder' disabled=true) + br + br + +text-field(value='Just landed in L.A.' disabled=true) + br + br + +text-field(value='Readonly' readonly=true disabled=true) + br + br + +text-field(value='Incorrect input' pattern='a+' required=true disabled=true) -- cgit v1.2.3-54-g00ecf