Propeller - Develop more, Code less. Propeller is a front-end responsive framework based on Google's Material Design Standards & Bootstrap.
.pmd-ripple-effect
class is removed from the buttons..pmd-ripple-effect
class is removed from the buttons.<div class="pmd-tabs-scroll">
and <div class="pmd-tabs-scroll-container">
which were earlier needed to create scrollable tabs. We have replaced them with scroll
attribute which holds value true or false. For example: <div class="pmd-tabs" scroll="true">
.data-target
attribute, whose value will be the id of the aside/div
to be called. For example, If data-target=''basicSidebar"
is added in the anchor tag - <a href="javascript:void(0);" data-target="basicSidebar></a>
, the same id="basicSidebar"
needs to be added in the sidebar container <aside id="basicSidebar" class="pmd-sidebar">
..pmd-sidebar-slide-push
, .pmd-sidebar-left-fixed
, .pmd-sidebar-left
and .pmd-sidebar-open
from .pmd-sidebar
and replaced them with data attributes data-position=”slidepush/fixed”
, data-placement="left/right"
and is-open="true/false"
respectively.is-open-width="1000"
data attribute in the anchor tag of the sidebar so that the sidebar will remain closed for the device whose width is less than 1000px
.bootstrap-hover-dropdown.js
file from the library and merged the JS into dropdown.js
. So now, to add a hover effect in the Dropdown component, only .pmd-dropdown-hover
class is to be added. Also no need to add initialize function.pmd-accordion
div container.</a>
from accordion components.data-target
attribute and the value of this data-target
attribute will be the id of the aside/div
to be called.is-open-width="1000"
data attribute in the anchor tag of the sidebar so that the sidebar will remain closed for the device whose width is less than 1000px
.bootstrap-hover-dropdown.js
file from the library and merged the JS into dropdown.js
. So now, to add a hover effect in the Dropdown component, only .pmd-dropdown-hover
class is to be added. Also no need to add initialize function.<div class="pmd-tabs-scroll">
and <div class="pmd-tabs-scroll-container">
which were earlier needed to create scrollable tabs. We have replaced them with scroll
attribute which holds value true or false. For example: <div class="pmd-tabs" scroll="true">
.data-duration
attribute in Alert component to customize alert visibility time .modal.js
file from library and handle Modalbox component vertical center alignment with CSS.