diff options
Diffstat (limited to 'tpl/views/button.pug')
| -rw-r--r-- | tpl/views/button.pug | 55 |
1 files changed, 23 insertions, 32 deletions
diff --git a/tpl/views/button.pug b/tpl/views/button.pug index 2a1bd57..7c96419 100644 --- a/tpl/views/button.pug +++ b/tpl/views/button.pug | |||
| @@ -2,37 +2,28 @@ mixin view-button | |||
| 2 | +view('button', 'Button') | 2 | +view('button', 'Button') |
| 3 | .c-box | 3 | .c-box |
| 4 | .l-button-group | 4 | .l-button-group |
| 5 | +a-button(variant='accent')= 'Button' | 5 | +a-button= 'Button' |
| 6 | +a-button(variant='accent' disabled=true)= 'Button' | 6 | +a-button(disabled=true)= 'Button' |
| 7 | +a-button(variant='accent' outline=true)= 'Button' | 7 | +a-button(outline=true)= 'Button' |
| 8 | +a-button(variant='accent' outline=true disabled=true)= 'Button' | 8 | +a-button(outline=true disabled=true)= 'Button' |
| 9 | br | 9 | br |
| 10 | .l-button-group | 10 | .l-button-group |
| 11 | +a-button(variant='accent' icon='trash') | 11 | +a-button(icon='trash') |
| 12 | +a-button(variant='accent' disabled=true icon='trash') | 12 | +a-button(disabled=true icon='trash') |
| 13 | +a-button(variant='accent' outline=true icon='trash') | 13 | +a-button(outline=true icon='trash') |
| 14 | +a-button(variant='accent' outline=true disabled=true icon='trash') | 14 | +a-button(outline=true disabled=true icon='trash') |
| 15 | br | 15 | |
| 16 | .l-button-group | 16 | each theme in ['primary', 'accent', 'positive', 'negative', 'warning'] |
| 17 | +a-button(variant='primary')= 'Button' | 17 | .c-box |
| 18 | +a-button(variant='primary' disabled=true)= 'Button' | 18 | .l-button-group |
| 19 | +a-button(variant='primary' outline=true)= 'Button' | 19 | +a-button(variant=theme)= 'Button' |
| 20 | +a-button(variant='primary' outline=true disabled=true)= 'Button' | 20 | +a-button(variant=theme disabled=true)= 'Button' |
| 21 | br | 21 | +a-button(variant=theme outline=true)= 'Button' |
| 22 | .l-button-group | 22 | +a-button(variant=theme outline=true disabled=true)= 'Button' |
| 23 | +a-button(variant='primary' icon='trash') | 23 | br |
| 24 | +a-button(variant='primary' disabled=true icon='trash') | 24 | .l-button-group |
| 25 | +a-button(variant='primary' outline=true icon='trash') | 25 | +a-button(variant=theme icon='trash') |
| 26 | +a-button(variant='primary' outline=true disabled=true icon='trash') | 26 | +a-button(variant=theme disabled=true icon='trash') |
| 27 | br | 27 | +a-button(variant=theme outline=true icon='trash') |
| 28 | .l-button-group | 28 | +a-button(variant=theme outline=true disabled=true icon='trash') |
| 29 | +a-button(variant='secondary')= 'Button' | 29 | |
| 30 | +a-button(variant='secondary' disabled=true)= 'Button' | ||
| 31 | +a-button(variant='secondary' outline=true)= 'Button' | ||
| 32 | +a-button(variant='secondary' outline=true disabled=true)= 'Button' | ||
| 33 | br | ||
| 34 | .l-button-group | ||
| 35 | +a-button(variant='secondary' icon='trash') | ||
| 36 | +a-button(variant='secondary' disabled=true icon='trash') | ||
| 37 | +a-button(variant='secondary' outline=true icon='trash') | ||
| 38 | +a-button(variant='secondary' outline=true disabled=true icon='trash') | ||