美文网首页
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