Material Anti-Mage Vue
SourceColor

IconButton

[IconButton in Material](https://m3.material.io/components/icon-buttons/overview)

DisplayName

AmIconButton

appearance

按钮提供4种表现形式。

  • filled
  • filled-tonal
  • outlined
  • standard

size

图标大小。

  • small
  • medium
  • large

shape

  • square
  • rounded
  • circular

default-selected

组件的初始选择状态。若设置default-selected属性,则组件默认为已选择状态。

注意,default-selected需要与toggle一同使用。

toggle

用于设置图标按钮的可选中的属性。当设置toggle属性后,图标按钮可以在选择与未选择之上切换。

disabled

图标按钮的可用性。

Example

<template>

    <ThemeProvider>
        <IconButton size="large" appearance="filled-tonal" toggle>
            <Icon>favorite<Icon>
        </IconButton>
    </ThemeProvider>

</template>

<script setup lang="ts">
import { ThemeProvider, IconButton, Icon } from 'material-anti-mage-vue'

</script>