From 732c2bce047de5105e84ca61bebcf05de564917f Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 7 Feb 2022 18:47:29 +0100 Subject: Improved action menu example --- tpl/index.pug | 17 ++++++++++------- 1 file changed, 10 insertions(+), 7 deletions(-) (limited to 'tpl/index.pug') diff --git a/tpl/index.pug b/tpl/index.pug index a59526e..1b10016 100644 --- a/tpl/index.pug +++ b/tpl/index.pug @@ -285,7 +285,7 @@ html +text-field(placeholder='Example: Volpeon') +form-item('Password', 'At least 6 characters, all characters allowed') - +text-field(placeholder='Example: hunter2', type='password') + +text-field(placeholder='Example: hunter2' type='password') +form-item('Bio') +text-field(placeholder='Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam...') @@ -443,10 +443,13 @@ html +rule(level='medium') +box - +action-menu - +action-menu-item(icon='trash')= 'Item 1' - +action-menu-item= 'Item 2' - +action-menu-item= 'Item 3' - +action-menu-separator - +action-menu-item= 'Item 4' + div(style={ display: 'flex', 'flex-direction': 'column', 'align-items': 'flex-start' }) + +action-button(quiet=true selected=true)= 'Menu' + +action-menu + +action-menu-item(icon='user')= 'View profile' + +action-menu-separator + +action-menu-item(icon='trash')= 'Delete' + +action-menu-item(icon='bookmark')= 'Bookmark' + +action-menu-item(icon='tags')= 'Tags' + +action-menu-item(postIcon='chevron-right')= 'More' -- cgit v1.2.3-54-g00ecf