美文网首页
IBM Carbon Design System

IBM Carbon Design System

作者: 前端混合开发 | 来源:发表于2019-06-03 13:13 被阅读0次

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目录(就是本项目指定的静态文件目录)下:


image.png

使用方法:

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

相关文章

网友评论

      本文标题:IBM Carbon Design System

      本文链接:https://www.haomeiwen.com/subject/jdkcxctx.html