form-elements-4.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334
  1. {% include "parts/form/input-selectgroups.html" %}
  2. {% include "parts/form/selectgroup-payments.html" %}
  3. {% include "parts/form/selectgroup-project-manager.html" %}
  4. <div class="mb-3">
  5. <label class="form-label">Buttons group</label>
  6. {% include "ui/button-group.html" items="1 min,5 min,10 min,30 min" fluid=true radio=true id="basic" %}
  7. </div>
  8. <div class="mb-3">
  9. <label class="form-label">Buttons group with dropdown</label>
  10. {% include "ui/button-group.html" items="Option 1,Option 2" dropdown=true fluid=true radio=true id="dropdown" %}
  11. </div>
  12. <div class="row">
  13. <div class="col">
  14. <div class="mb-3">
  15. <label class="form-label">Vertical buttons group</label>
  16. {% include "ui/button-group.html" items="Button 1,Button 2,Button 3,Button 4,Button 5" fluid=true vertical=true radio=true id="vertical"%}
  17. </div>
  18. </div>
  19. <div class="col">
  20. <div class="mb-3">
  21. <label class="form-label">Vertical with dropdown</label>
  22. {% include "ui/button-group.html" items="Button 1,Button 2,Button 3,Button 4" fluid=true vertical=true dropdown=true radio=true id="vertical-dropdown" %}
  23. </div>
  24. </div>
  25. </div>
  26. <div class="mb-3">
  27. <label class="form-label">Toolbar</label>
  28. {% include "ui/button-group.html" icons="bold,italic,underline,copy,scissors,file-plus,file-minus" fluid=true radio=true id="toolbar" %}
  29. </div>