You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 7-8.RSVP
Socket
Socket
Sign inDemoInstall

@bnqkl/web-component

Package Overview
Dependencies
3
Maintainers
1
Versions
25
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

@bnqkl/web-component

Bnqkl Web Component


Version published
Maintainers
1
Created

Readme

Source

Bnqkl 前端组件库

该项目使用 stencil 作为组件标准进行开发,它提供了很多便捷的开箱即用的标准,以及高度可定制的编译工具链,使得我们可以跟 angular 项目的编译实时联动。 该项目的主要风格并不是传统的 UI 库,而是更加纯粹的功能性仓库,是对于现代 HTML5 基础组件的一些补充。

如果确定要使用其它框架或者标准,请联系 [@kzf] 进行搭建,或者自己学习 storybook 自行搭建并分享

👩‍💻 如何使用 How To Use

  1. 安装 Install

    # use npm
    npm install @bnqkl/web-component
    
    # use yarn
    yarn install @bnqkl/web-component
    
  2. 使用 Usage

    1. 纯 Web 技术下,下载依赖包,使用 dist/umd/index.js 导入到你的网页中

      <-- head -->
      <script type="module" src="@bnqkl/web-component/dist/bnqkl-web-component/bnqkl-web-component.esm.js" />
      <-- body -->
      <bn-some-com></bn-some-com>
      
    2. 或者如果你能够对项目进行编译,那么在项目源码中导入,并执行 web-component 组件的注册,因为在此之前,你可以等待一些垫片的加载

      import { defineCustomElements } from "@bnqkl/web-component";
      defineCustomElements();
      
    3. assets 文件夹在 node_modules/@bnqkl/web-component/dist/bnqkl-web-component/assets

  3. 在项目中使用标签

    <bn-icon-comment></bn-icon-comment>
    

FAQs

Package last updated on 21 Sep 2022

Did you know?

Socket

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
  • Changelog

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc