Quark Design

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

Ha la tập đoàn mặt hướng C đoan UI lắp ráp kho, chống đỡ ha la cơ hồ sở hữu C đoan H5 hạng mục, bao gồm giao dịch, chi trả, hai đợt, thương thành chờ. Đây là một cái thiết kế uyển chuyển nhẹ nhàng ưu nhã xí nghiệp cấp UI lắp ráp kho, có thể thỏa mãn hằng ngày sở cần sở hữu cơ sở lắp ráp, thả duy trì vượt kỹ thuật sạn vận hành.

English | Giản thể tiếng Trung

---

Features

🚀 Cross framework: Any front-end framework can be used.

❤️ Lightweight: Crafted with minimalistic Code design.

⚡️ Fast: Native HTML/CSS/JS build.

Documentation

For full documentation, visithttps://quark-ecosystem.github.io/quarkd-docs.

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-buttontype="primary"onclick="onClick">
Button
</quark-button>;

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

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

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

// angular
<quark-buttontype= "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 ourcontributing docsbefore submitting a pull request.