near_me
Getting Started
keyboard_arrow_downlayers
Style
keyboard_arrow_downwidgets
Components
keyboard_arrow_downlocal_mall
Resources
keyboard_arrow_downThe new mdui 2 based on Material Design 3 and Web Components is now available. Check out the mdui 2 documentation.
Ripple
mdui supports IE11 and above, and is compatible with the latest versions of all major browsers.
Usage
Latest two versions
The capabilities of several methods in <code>mdui.$</code> have also been expanded, which will not be detailed here. Only updates incompatible with 0.4.3 are listed below.
.width(), .height(), .innerWidth(), .innerHeight() changes
In 1.0.0, the width and height are independent of the box-sizing property. This change ensures consistency with jQuery.
Example
<button class="mdui-btn mdui-ripple">button</button>
<button class="mdui-btn mdui-ripple mdui-color-blue">button</button>.offset(), .position() changes
Example
<div class="mdui-ripple">
<img class="mdui-img-fluid" data-src="holder.js/100px250"/>
</div>In 0.4.3, whether padding was included depended on the value of the <code>box-sizing</code> property.
In 0.4.3, the return value format was { top: number, left: number, width: number, height: number }.
In 1.0.0, the return value format was changed to { top: number, left: number }. This change ensures consistency with jQuery.
Example
<button class="mdui-btn mdui-ripple mdui-ripple-black mdui-color-yellow">black</button>
<button class="mdui-btn mdui-ripple mdui-ripple-white mdui-color-blue">white</button>
<button class="mdui-btn mdui-ripple mdui-ripple-red">red</button>
<button class="mdui-btn mdui-ripple mdui-ripple-blue">blue</button>