Socket
Socket
Sign inDemoInstall

@beeq/core

Package Overview
Dependencies
6
Maintainers
1
Versions
11
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @beeq/core

BEEQ, a Design System components ruled by Endavan developers :)


Version published
Maintainers
1
Install size
42.3 MB
Created

Changelog

Source

1.5.1 (2024-06-04)

Bug Fixes 🐞

  • Input: typo in CSS variables for padding start/end (#1086) (194fe75)

Chore ⚙️

Readme

Source

BEEQ, a web component library initiative

The elements and components provided by BEEQ are being implemented with Stencil, a compiler that generates Web Components (more specifically, Custom Elements), combining the best concepts of the most popular frameworks into a simple build-time tool. You can read more about Stencil on their official website.

Installation

BEEQ elements, components, patterns, utilities, etc., are available as an npm package.

For stable releases

$ npm i @beeq/core

Usage

BEEQ components are regular HTML elements, or custom elements (often referred to as "web components"). If you're using a simple HTML page, you can use them like any other element.

<html>
  <head>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@beeq/core/dist/beeq/beeq.css" />
    <script type="module" src="https://cdn.jsdelivr.net/npm/@beeq/core/dist/beeq/beeq.esm.js"></script>
  </head>
  <body>
    <bq-button>Click me!</bq-button>
  </body>
</html>

❗️The icons SVG are shipped in a separate folder. Projects will need to include node_modules/@beeq/core/dist/beeq/svg in their build and try to make it in a certain way that it respond to: http://<domain>/svg

Events

You can listen for standard events such as click, mouseover, etc. as you normally would. Most of the BEEQ components emit custom events, we highly recommend the use of those instead. They work the same way as standard events but are prefixed with bq to prevent collisions with standard events and other libraries.

<bq-checkbox>Checkbox label</bq-checkbox>

<script>
  const checkbox = document.querySelector('bq-checkbox');
  button.addEventListener('bqChange', (event) => {
    console.log('Is checked?', event.detail.checked);
  });
</script>

FAQs

Last updated on 04 Jun 2024

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc