@wakeadmin/components

Appearance

Return to top
On this page

FatIcon

FatIcon 用于包裹 svg 组件，从而方便地设置尺寸、颜色。

示例

查看代码
vue
<template>
  <FatSpace>
    <FatIcon color="primary">
      <Add />
    </FatIcon>
    <FatIcon color="danger">
      <Delete />
    </FatIcon>
    <FatIcon loading>
      <Refresh />
    </FatIcon>
    <FatIcon size="3em">
      <HomeFill />
    </FatIcon>
  </FatSpace>
</template>

<script lang="tsx" setup>
  import { FatIcon, FatSpace } from '@wakeadmin/components';
  import { Add, Refresh, Delete, HomeFill } from '@wakeadmin/icons';
</script>




API

namedescriptiondefault
color?颜色，可以是预定义颜色(primary, secondary, success, danger, warning, info), 或者自定义颜色inherit
size?: string | number尺寸inherit(字体颜色)
loading?: boolean加载动画false
left?: boolean在右侧留出间距false
right?: boolean在左侧留出间距false