Fab

浮动操作按钮表示应用程序中的主要操作。

使用

  1. <m-fab ripple icon="favorite_border"></m-fab>
  3. <m-fab ripple mini icon="favorite"></m-fab>
  5. <m-fab
  6.   ripple
  7.   mini
  8.   css=".mdc-fab{
  9.     border-radius: 8px!important;
  10.   }"
  11.   icon="favorite">
  12. </m-fab>

Omi 中使用

JSX:

  1. <m-fab ripple icon="favorite_border"></m-fab>
  3. <m-fab ripple mini icon="favorite"></m-fab>
  5. <m-fab
  6.   ripple
  7.   mini
  8.   css={`
  9.     .mdc-fab{
  10.       border-radius: 8px!important;
  11.     }
  12.   `}
  13.   icon="favorite">
  14. </m-fab>

API

Props

NameTypeDefaultsDetails
rippleboolean—波纹效果
miniboolean—小按钮
icon-rightboolean—图标是否在右边
iconstring—图标内容