Sass Programming: Working with Sass Framework Component

0
127

List of Sass Components:

  1. date_picker(Folder)
  • _default.date.scss
  • _default.scss
  • _default.time.scss
  1. forms
  • _checkboxes.scss
  • _file-input.scss
  • _forms.scss
  • _input-fields.scss
  • _radio-buttons.scss
  • _range.scss
  • _select.scss
  • _switches.scss
  1. _buttons.scss
  2. _cards.scss
  3. _carousel.scss
  4. _chips.scss
  5. _collapsible.scss
  6. _color.scss
  7. _dropdown.scss
  8. _global.scss
  9. _grid.scss
  10. _icons-material-design.scss
  11. _materialbox.scss
  12. _mixins.scss
  13. _modal.scss
  14. _navbar.scss
  15. _normalize.scss
  16. _prefixer.scss
  17. _preloader.scss
  18. _roboto.scss
  19. _sideNav.scss
  20. _slider.scss
  21. _table_of_contents.scss
  22. _tabs.scss
  23. _toast.scss
  24. _tooltip.scss
  25. _typography.scss
  26. _variables.scss
  27. _waves.scss

Download all component files and folder bellow :

SASS Component Download

Sass Veriables/Animation

Downloaded Simple Sass Template

Sass Simple Template

Sass Badges Work

Working on Sass Buttons

Click-only FAB

Working on Sass Cards

Basic Card

</div>
&lt;/div&gt;</pre>

Result of Basic Card

Sass Image Card

Result of Image Card:

Card Reveal

 

Sass Chips Component

Markup Code

jQuery Code for Chips

Event Description
chips.add Method is triggered when a chip is added.
chips.delete Method is triggered when a chip is deleted.
chips.select Method is triggered when a chip is selected.

Chips Plugin Event Jquery

Sass Collections Work

Example Avatar Content

Result of Action Code Display