near_me
開始使用
keyboard_arrow_downwidgets
組件
keyboard_arrow_downlocal_mall
資源
keyboard_arrow_down基於 Material Design 3 與 Web Components 的全新 mdui 2 現已發佈，前往查看 mdui 2 開發文件。
漣漪效果
範例
<button class="mdui-btn mdui-ripple">button</button>
<button class="mdui-btn mdui-ripple mdui-color-blue">button</button>如果要在 img、input 等無法包含子元素的標籤上使用漣漪效果，需要將 .mdui-ripple 加入到其父元素上。
範例
<div class="mdui-ripple">
<img class="mdui-img-fluid" data-src="holder.js/100px250"/>
</div>指定漣漪顏色
預設的漣漪為深色背景。當透過 .mdui-color-[color] 指定了背景色，或頁面處於深色主題下時，漣漪預設為白色。
可透過加入類別 .mdui-ripple-[color] 來指定漣漪顏色。
範例
<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>