Belleui

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

为什么选择 Belleui

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

相关资源：

• Web Components
• LitElement

组件

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

开始

在你的项目中使用 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 项目中使用：

开发

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

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

快速预览demo：

yarn storybook

开发：

# 编译 TS文件
yarn watch

# 预览demo
yarn storybook

参与贡献

贡献指南