blueprintui

어디에서나 작동하는 웹 UI를 구축하기위한 도구 및 UI 구성 요소 모음.

• 사용하기 쉬운 웹 구성 요소
• 모든 프레임 워크에서 작동합니다 (Angular, React, Vue ...)
• 반응적이고 사용자 정의 가능한 테마
• 레이아웃, 타이포그래피 및 아이콘 유틸리트

패키지	다운로드	CI 상태	cdn

선적 서류 비치

• 선적 서류 비치
• JavaScript CDN
• 모난
• vue
• 반응

설치

Blueprint UI 구성 요소는 웹 구성 요소로 구축됩니다. 이를 통해 다양한 프레임 워크 및 라이브러리에서 작업 할 수 있습니다. 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 >