IBM Carbon Design System

carbon + angular:

https://angular.carbondesignsystem.com/?path=/story/accordion--documentation

Add clarification for using ui-shell

配置 style.scss

$feature-flags: (
  components-x: true,
  ui-shell: true,
);
@import '~carbon-components/scss/globals/scss/styles.scss';

怎样在Angular中使用carbon-icons

这个link中有三种使用方式: https://github.com/carbon-design-system/carbon-icons/blob/master/docs/usage.md
我采用的是第三种Using SVG sprite from static assets (recommended)

需要安装svgxuse
npm i svgxuse

将carbon-icons.svg挪到assets目录(就是本项目指定的静态文件目录)下:


2956070-2121c74879e25968.png
image.png

使用方法:

 <svg>
    <title>Add new users to your account</title>
    <use xlink:href="/carbon-icons.svg#icon--add--glyph"></use>
  </svg>

猜你喜欢

转载自blog.csdn.net/weixin_33817333/article/details/90808174
今日推荐