From dbb6887ce219342e6a110e0cef536a0c29c19f7d Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 6 Feb 2022 15:06:00 +0100 Subject: Added action button --- tpl/index.pug | 61 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 61 insertions(+) (limited to 'tpl/index.pug') diff --git a/tpl/index.pug b/tpl/index.pug index 6971faa..2980016 100644 --- a/tpl/index.pug +++ b/tpl/index.pug @@ -12,6 +12,7 @@ include objects/radio.pug include objects/checkbox.pug include objects/switch.pug include objects/form.pug +include objects/action-button.pug mixin box +container(padX=true padY=true inPage=true theme="raised") @@ -302,3 +303,63 @@ html +form-item('') +a-button(variant='primary')= 'Register' + + //----------------------------------------- + + +h1-heading(level='xl')= 'Action button' + +rule(level='medium') + + +box + +action-button= 'Idle' + = ' ' + +action-button(selected=true)= 'Selected' + = ' ' + +action-button(disabled=true)= 'Disabled' + = ' ' + +action-button(selected=true disabled=true)= 'Selected + disabled' + br + br + +action-button(icon='trash')= 'Idle' + = ' ' + +action-button(icon='trash' selected=true)= 'Selected' + = ' ' + +action-button(icon='trash' disabled=true)= 'Disabled' + = ' ' + +action-button(icon='trash' selected=true disabled=true)= 'Selected + disabled' + br + br + +action-button(icon='trash') + = ' ' + +action-button(icon='trash' selected=true) + = ' ' + +action-button(icon='trash' disabled=true) + = ' ' + +action-button(icon='trash' selected=true disabled=true) + + +box + +action-button(quiet=true )= 'Idle' + = ' ' + +action-button(quiet=true selected=true)= 'Selected' + = ' ' + +action-button(quiet=true disabled=true)= 'Disabled' + = ' ' + +action-button(quiet=true selected=true disabled=true)= 'Selected + disabled' + br + br + +action-button(quiet=true icon='trash')= 'Idle' + = ' ' + +action-button(quiet=true icon='trash' selected=true)= 'Selected' + = ' ' + +action-button(quiet=true icon='trash' disabled=true)= 'Disabled' + = ' ' + +action-button(quiet=true icon='trash' selected=true disabled=true)= 'Selected + disabled' + br + br + +action-button(quiet=true icon='trash') + = ' ' + +action-button(quiet=true icon='trash' selected=true) + = ' ' + +action-button(quiet=true icon='trash' disabled=true) + = ' ' + +action-button(quiet=true icon='trash' selected=true disabled=true) + -- cgit v1.2.3-54-g00ecf