蓝图UI组件

以灵活易行的UI组件和工具来加速您的开发,这些组件和工具在各地都有效.

• 文档
• Java脚本 CDN
• 角质
• 阴道
• 反应

安装

使用组件安装如下:,

npm install @blueprintui/components

还为布局和打字设施提供可选软件包.

npm install @blueprintui/layout @blueprintui/typography

支助科

要使用组件,必须将基本主题 CSS 文件装入页面。 这可以通过CSS导入或HTML链接实现.

@import '@blueprintui/themes/index.min.css';
@import '@blueprintui/themes/index.min.css';

或者说

<link rel="stylesheet" href="@blueprintui/themes/index.min.css"> 
<link rel="stylesheet" href="@blueprintui/themes/dark/index.min.css"> 

光盘N

蓝图UI组件可以通过CDN来进行快速而简单的原型.

<link rel="stylesheet" href="https://unpkg.com/@blueprintui/themes/index.min.css">
<link rel="stylesheet" href="https://unpkg.com/@@blueprintui/themes/dark/index.min.css">

<script type="module">
  import 'https://cdn.jsdelivr.net/npm/@blueprintui/components/include/alert.js/+esm';
</script>

使用组件

一旦主题CSS被装入组件,可以通过JavaScript导入来导入.

import '@blueprintui/components/include/alert.js';

<body bp-theme="dark">

  <bp-alert status="success">hello there!</bp-alert>

</body>