dyf19118 / quark-design

Next-gen browser-native component library. Framework-agnostic, base on web components. Powered by quark.(浏览器原生组件库，无框架组件库，可跨各种技术栈使用)

Quark Design

Next-gen frontend component library, it can be used in any framework or no framework.

哈啰集团面向 C 端 UI 组件库，支撑哈啰几乎所有 C 端 H5 项目，包括交易，支付，两轮，商城等。这是一个设计轻盈优雅的企业级 UI 组件库，可以满足日常所需所有基础组件，且支持跨技术栈运行。

English | 简体中文

---

Documentation

For full documentation, visit https://quark-design.hellobike.com.

Install

npm install quarkd

Usage example

import "quarkd/lib/button";

// like a normal div tag `<div>xx</div>`, can be used in any browser.
<quark-button type="primary" onclick="onClick">Button</quark-button>

// react
<quark-button type="primary" onClick="onClick">Button</quark-button>

// vue
<quark-button type="primary" @click="onClick">Button</quark-button>

// svelte
<quark-button type="primary" on:click={onClick}>Button</quark-button>

// angular
<quark-button type="primary" (click)="onClick">Button</quark-button>

Vs Code plugin

Visual Studio | Marketplace

Community

For help, discussion about best practices, or any other conversation that would benefit from being searchable:

Discuss Quark design on Github

Contributing

If you're interested in contributing to quark design, please read our contributing docs before submitting a pull request.