blueprintui

どこでも機能するWeb UIを構築するためのツールとUIコンポーネントのコレクション。

• 使用しやすいWebコンポーネント
• どんなフレームワークでも機能します（Angular、React、Vue ...）
• レスポンシブでカスタマイズ可能なテーマ
• レイアウト、タイポグラフィ、およびアイコンのutilites

パッケージ	ダウンロード	CIステータス	CDN

ドキュメント

• ドキュメント
• JavaScriptCDN
• 角度
• vue
• 反応します

インストール

BluePrint UIコンポーネントは、Webコンポーネントとして構築されています。これにより、さまざまなフレームワークやライブラリで動作することができます。 BluePrint 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

BluePrint 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 >