减少的UI 包

此软件包导出一个 CSS 文件, 其中包括一些 CSS 类, 提供减码的样式 atlaskit组件数.

还包含一个图标 SVG 图案工作表 。 参看下面的"试出"一栏 说明.

安装

npm install reduced-ui-pack

确定你还包括 css-reset 这些样式之前的样式表。 这个 css-reset 样式表提供核心打字规则 reduced-ui-pack 继续发展。 安装于 :

npm install @atlaskit/css-reset

使用组件

导入

这个 reduced-ui-pack 软件包可以通过 dinet 或 Webpack 消费.

正在导入 Webpack

import 'reduced-ui-pack';

然后,Webpack 样式加载器应将 CSS 置于 HTML 元素的头部中.

在 HTML 中导入

<html>
    <head>
        <link rel="stylesheet" href="node_modules/@atlaskit/css-reset/dist/bundle.css" />
        <link rel="stylesheet" href="node_modules/reduced-ui-pack/dist/bundle.css" />
    </head>
    <body>
        <!-- ... -->
    </body>
</html>