Icon 圖示

SVG 圖示。按名稱渲染，或用 tree-shaking 友善的獨立圖示元件。

基礎圖示

<template>
  <div class="demo-col">
    <div class="demo-row">
      <LhIcon name="star" size="24" />
      <LhIcon name="search" size="24" color="var(--lh-primary-color)" />
      <LhIcon name="loading" size="24" />
      <LhIcon name="arrow-down" size="24" />
      <LhIcon name="check" size="24" color="var(--lh-success-color)" />
      <LhIcon name="warning" size="24" color="var(--lh-warning-color)" />
    </div>
    <div class="demo-row">
      <LhIcon name="star" size="16" />
      <LhIcon name="star" size="20" />
      <LhIcon name="star" size="28" />
      <LhIcon name="star" size="36" color="var(--lh-danger-color)" />
    </div>
  </div>
</template>

Props

屬性	說明	類型	預設值
name	圖示名稱	LhIconName	—
size	尺寸（px）	string \| number	—
color	顏色	string	—
themeVars / bgPattern	主題覆蓋	—	—

獨立圖示（tree-shaking）

import { LhIconStar, LhIconSearch } from '@lh-ui/vue2'
// 每個圖示是獨立元件，只打包被引用的 SVG path

可用名稱見 LH_ICON_SVGS_CONST：star / search / check / close / arrow-up / arrow-down / arrow-left / arrow-right / warning / error / info / loading / plus / minus。

透傳

inheritAttrs: false，未宣告的屬性（如 data-*、事件）透過 v-bind="$attrs" 落到根元素。