blueprintui

Kumpulan alat dan komponen UI untuk membangun UI web yang berfungsi di mana -mana.

• Komponen web yang mudah digunakan
• Bekerja dalam kerangka apa pun (Angular, React, Vue ...)
• Tema yang responsif dan dapat disesuaikan
• Tata letak, tipografi, dan ikon utilit

Kemasan	Unduhan	Status CI	CDN

Dokumentasi

• Dokumentasi
• JavaScript CDN
• Angular
• Vue
• Bereaksi

Instalasi

Komponen UI cetak biru dibangun sebagai komponen web. Ini memungkinkan mereka untuk bekerja dalam berbagai kerangka kerja dan perpustakaan. UI Cetak Biru dibagi menjadi beberapa paket yang dapat digunakan secara mandiri. Untuk menggunakan komponen instal berikut ini,

npm install @blueprintui/components

Paket opsional untuk tata letak dan utilitas tipografi juga tersedia.

npm install @blueprintui/layout @blueprintui/typography

CSS

Untuk menggunakan komponen, file CSS tema dasar harus dimuat ke dalam halaman. Ini dapat dilakukan melalui Impor CSS atau tautan HTML.

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

atau

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

CDN

Komponen UI cetak biru dapat digunakan melalui CDN untuk prototipe cepat dan mudah.

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

Menggunakan komponen

Setelah tema CSS dimuat, komponen dapat diimpor melalui impor JavaScript.

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

 < body bp-theme =" { theme: 'dark' }); " >

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

</ body >