@belleui/belle-checkbox

checkbox


Keywords
checkbox, web-components, belleui, lerna, typescript, ui-libary
License
MIT
Install
npm install @belleui/belle-checkbox@0.0.2-alpha.0

Documentation

Belleui

Published on webcomponents.org

Bellui是一个基于 Web Components 的 UI 组件库,您可以在HTML中,或者任何框架(如React, Vue, Angular)中使用。引入组件后,你可以随时随地的像使用原生html标签一样使用组件。

为什么选择 Belleui

  • 基于Web Components,能和其他框架结合使用,不用因为切换技术栈从而切换不用的UI框架。
  • 支持主流浏览器。
  • 提供丰富的UI组件。

相关资源:

组件

Components Issues Version
belle-avatar Issues npm version
belle-badge Issues npm version
belle-button Issues npm version
belle-card Issues npm version
belle-elements Issues npm version
belle-menu Issues npm version
belle-modal Issues npm version
belle-radio Issues npm version
belle-select Issues npm version
belle-spin Issues npm version
belle-switch Issues npm version
belle-tag Issues npm version

开始

在你的项目中使用 belleui,你可以安装整个组件库到项目中,或者安装单个组件:

# 安装整个组件
npm install @belleui/belle-elements

# 安装button组件
npm install @belleui/belle-button

使用 Yarn 安装:

yarn add @belleui/belle-elements

如何使用

Web Components 项目中使用:

import { LitElement, html } from 'lit-element'
import '@belleui/belle-elements'

class MyApp extends LitElement {
  render() {
    return html`
      <belle-button type="primary">Button</belle-button>
    `
  }
}

React 项目中使用:

Edit belleui-react-demo

开发

Gitpod ready-to-code

使用 yarn 作为你的包管理工具

git clone https://github.com/belleui/belleui.git
cd belleui
yarn

快速预览demo:

yarn storybook

开发:

# 编译 TS文件
yarn watch

# 预览demo
yarn storybook

参与贡献

贡献指南