blueprintui

一系列用於構建無處不在的Web UI的工具和UI組件。

• 易於使用的Web組件
• 在任何框架中工作（角，反應，vue ...）
• 響應迅速且可自定義的主題
• 佈局，排版和圖標UTIRITE

包裹	下載	CI狀態	CDN

文件

• 文件
• JavaScript CDN
• 角
• Vue
• 反應

安裝

藍圖UI組件是作為Web組件構建的。這使他們能夠在各種框架和庫中工作。藍圖UI分為幾個可以獨立使用的軟件包。要使用組件安裝以下內容，

npm install @blueprintui/components

還提供了用於佈局和版式實用程序的可選軟件包。

npm install @blueprintui/layout @blueprintui/typography

CSS

要使用組件，必須將基本主題CSS文件加載到頁面中。這可以通過CSS導入或HTML鏈接完成。

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

或者

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

CDN

藍圖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 =" { theme: 'dark' }); " >

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

</ body >