Getting Started

@bquery/ui is a production-grade web component library built on native Custom Elements and Shadow DOM.

Quick Start

npm install @bquery/ui

Then import the library once in your app:

import '@bquery/ui';

Now you can use all bq-* elements in any HTML:

<bq-button variant="primary">Click me</bq-button>
<bq-input label="Email" type="email" placeholder="you@example.com" />
<bq-badge variant="success">Active</bq-badge>

Tree-shakeable Imports

For optimal bundle sizes, import only the component entry points you need:

import '@bquery/ui/components/button';
import '@bquery/ui/components/input';

With bQuery

If you use the @bquery/bquery library, components integrate naturally since they are standard Custom Elements:

import { $ } from '@bquery/bquery';
import '@bquery/ui';

$('bq-button').on('bq-click', (e) => {
  console.log('clicked!', e.detail);
});