主题色 灰色 夜间模式组件大小小(1) 中(2) 大(3) 组件圆角 组件缩放90% 95% 100% 105% 110%
none
small
medium
large
full
<l-icon name="clear" />
<l-icon name="down" />
<l-icon name="x" />
<l-icon name="success" />
<l-icon name="warning" />
<l-icon name="error" />
下面为注册 font-awesome 图标库的例子
import { registerIconLibrary, svgFillAndSizeDefaultMutator } from '@lun/components';
registerIconLibrary({
library: 'font-awesome',
type: 'html-url',
resolver: (name) => {
const filename = name.replace(/^fa[rbs]-/, '');
let folder = 'regular';
if (name.substring(0, 4) === 'fas-') folder = 'solid';
if (name.substring(0, 4) === 'fab-') folder = 'brands';
return `https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.1/svgs/${folder}/${filename}.svg`;
},
mutator: (svg) => {
return svgFillAndSizeDefaultMutator(svg);
},
});