Icon

Icon组件的正常运作需要依赖material-symbols，需要手动导入到项目中。

1. Download

npm i material-symbols

2. Import

import 'material-symbols'

DisplayName

AmIcon

Size

图标大小。

• small
• medium
• large

variant

图标变体。

Icon & Material Symbol styles

• outlined
• rounded
• sharp

Example

如下代码是在引入相关依赖后的代码示例。

<template>

    <ThemeProvider>
        <Icon size="large" variant="rounded">group</Icon>
    </ThemeProvider>

</template>

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

</script>