@blueprintui/components
v2.1.6
Published
Web Component Library for building user interfaces
Downloads
263
Maintainers
Readme
BlueprintUI Components
Accelerate your development with flexible UI components and tools that work everywhere.
Installation
To use components install the following,
npm install @blueprintui/components
Optional packages for layout and typography utilities are also available.
npm install @blueprintui/layout @blueprintui/typography
CSS
To use components the base theme CSS file must be loaded into the page. This can be done via a CSS import or HTML link.
@import '@blueprintui/themes/index.min.css';
@import '@blueprintui/themes/index.min.css';
or
<link rel="stylesheet" href="@blueprintui/themes/index.min.css">
<link rel="stylesheet" href="@blueprintui/themes/dark/index.min.css">
CDN
Blueprint UI Components can be used via CDNs for fast and easy prototyping.
<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>
Using a Component
Once the theme CSS is loaded components can be imported via JavaScript imports.
import '@blueprintui/components/include/alert.js';
<body bp-theme="dark">
<bp-alert status="success">hello there!</bp-alert>
</body>