diff options
| author | Volpeon <git@volpeon.ink> | 2022-03-25 18:29:21 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-03-25 18:29:21 +0100 |
| commit | 5e2696d9ae35b37a9f7d0fe1c52b93fb84570464 (patch) | |
| tree | e3b22a889bd4f8a6679d76dbe85c3152173947a6 /tpl/views/action-button.pug | |
| parent | Fixed vertical rule (diff) | |
| download | iro-design-5e2696d9ae35b37a9f7d0fe1c52b93fb84570464.tar.gz iro-design-5e2696d9ae35b37a9f7d0fe1c52b93fb84570464.tar.bz2 iro-design-5e2696d9ae35b37a9f7d0fe1c52b93fb84570464.zip | |
Split demo in :target views
Diffstat (limited to 'tpl/views/action-button.pug')
| -rw-r--r-- | tpl/views/action-button.pug | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/tpl/views/action-button.pug b/tpl/views/action-button.pug new file mode 100644 index 0000000..7bffe72 --- /dev/null +++ b/tpl/views/action-button.pug | |||
| @@ -0,0 +1,55 @@ | |||
| 1 | mixin view-action-button | ||
| 2 | +view('action-button', 'Action button') | ||
| 3 | .c-box | ||
| 4 | +action-button= 'Idle' | ||
| 5 | = ' ' | ||
| 6 | +action-button(selected=true)= 'Selected' | ||
| 7 | = ' ' | ||
| 8 | +action-button(disabled=true)= 'Disabled' | ||
| 9 | = ' ' | ||
| 10 | +action-button(selected=true disabled=true)= 'Selected + disabled' | ||
| 11 | br | ||
| 12 | br | ||
| 13 | +action-button(icon='trash')= 'Idle' | ||
| 14 | = ' ' | ||
| 15 | +action-button(icon='trash' selected=true)= 'Selected' | ||
| 16 | = ' ' | ||
| 17 | +action-button(icon='trash' disabled=true)= 'Disabled' | ||
| 18 | = ' ' | ||
| 19 | +action-button(icon='trash' selected=true disabled=true)= 'Selected + disabled' | ||
| 20 | br | ||
| 21 | br | ||
| 22 | +action-button(icon='trash') | ||
| 23 | = ' ' | ||
| 24 | +action-button(icon='trash' selected=true) | ||
| 25 | = ' ' | ||
| 26 | +action-button(icon='trash' disabled=true) | ||
| 27 | = ' ' | ||
| 28 | +action-button(icon='trash' selected=true disabled=true) | ||
| 29 | |||
| 30 | .c-box | ||
| 31 | +action-button(quiet=true )= 'Idle' | ||
| 32 | = ' ' | ||
| 33 | +action-button(quiet=true selected=true)= 'Selected' | ||
| 34 | = ' ' | ||
| 35 | +action-button(quiet=true disabled=true)= 'Disabled' | ||
| 36 | = ' ' | ||
| 37 | +action-button(quiet=true selected=true disabled=true)= 'Selected + disabled' | ||
| 38 | br | ||
| 39 | br | ||
| 40 | +action-button(quiet=true icon='trash')= 'Idle' | ||
| 41 | = ' ' | ||
| 42 | +action-button(quiet=true icon='trash' selected=true)= 'Selected' | ||
| 43 | = ' ' | ||
| 44 | +action-button(quiet=true icon='trash' disabled=true)= 'Disabled' | ||
| 45 | = ' ' | ||
| 46 | +action-button(quiet=true icon='trash' selected=true disabled=true)= 'Selected + disabled' | ||
| 47 | br | ||
| 48 | br | ||
| 49 | +action-button(quiet=true icon='trash') | ||
| 50 | = ' ' | ||
| 51 | +action-button(quiet=true icon='trash' selected=true) | ||
| 52 | = ' ' | ||
| 53 | +action-button(quiet=true icon='trash' disabled=true) | ||
| 54 | = ' ' | ||
| 55 | +action-button(quiet=true icon='trash' selected=true disabled=true) | ||