@beeq/core
Advanced tools
Changelog
1.6.0 (2024-07-24)
placement and add position property (#1110) (33b2214)--bq-icon--direction and flip SVG automatically for dir="rtl" (#1156) (d7dd1b1)bq-page-title component (#1085) (cd9d767)NX_VERBOSE_LOGGING to NX Cloud start (#1119) (ad46ed0)icon-set file listing all the icons (#1125) (2162668)Readme
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.
BEEQ elements, components, patterns, utilities, etc., are available as an npm package.
stable releases$ npm i @beeq/core
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/svgin their build and try to make it in a certain way that it respond to:http://<domain>/svg
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
BEEQ, a Design System components ruled by Endavan developers :)
The npm package @beeq/core receives a total of 243 weekly downloads. As such, @beeq/core popularity was classified as not popular.
We found that @beeq/core demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
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.
Security News
Git dependencies in open source packages can introduce significant risks, including lack of version control, stability issues, dependency drift, and difficulty in auditing, making them potential targets for supply chain attacks.
Security News
Node.js has added experimental support for TypeScript, a move that highlights the growing importance of TypeScript in modern development.
Product
Check out what's new at Socket with our Product Changelog. It tracks all public-facing updates, improvements, and fixes so you can take full advantage of our features.