Introduction

DuoyunUI is the UI library developed using Gem, which has 70+ custom elements, In addition to supporting common functions, you can easily complete internationalization, custom theme, keyboard access. DuoyunUI aims to provide a UI library for lightweight, high performance, full feature, cross-frame.

Usage

NPM

Install:

npm install duoyun-ui

Use DuoyunUI element:

import { render } from '@mantou/gem';

import 'duoyun-ui/elements/color-picker';

render(html`<dy-color-picker></dy-color-picker>`, document.body);

Use element API:

import { Toast } from 'duoyun-ui/elements/toast';

Toast.open('error', 'An error occurred');

ESM

DuoyunUI supports an ESM method independently uses an element, such as adding a keyboard access to your website(press f list all focusable elements):

import('https://esm.sh/duoyun-ui/elements/keyboard-access').then(
  ({ DuoyunKeyboardAccessElement }) => document.body.append(new DuoyunKeyboardAccessElement()),
);

For example, enable input recording mode:

import('https://esm.sh/duoyun-ui/elements/input-capture').then(({ DuoyunInputCaptureElement }) =>
  document.body.append(new DuoyunInputCaptureElement()),
);

Feedback DuoyunUI

Please visit GitHub