ui

UIGC Web Components

What are [UIGC Web Components]?

• Collection of reusable UI elements crafted to ease Basilisk & Hydration chains integration driven by a lit framework (~400kb unpacked size).
• Usable with any current or future web development framework.
• Created and maintained by Galactic Council.

Why web components?

• Future-proof: web standards, compatible with any web development framework.
• Encapsulated: Stable in any environment and suitable not only for apps, but also for libraries and micro-frontends.
• Elegant: custom HTML elements, hide implementation complexity behind a single HTML tag, easy to use with the standard DOM APIs.

Demo & Preview

  npm run dev

How to Use

1. Install the NPM module

   npm install @galacticcouncil/ui

2. Import the component ui to your app:

   import '@galacticcouncil/ui';

3. Use the UIGC Web Component

   <uigc-alert variant="success"></uigc-alert>

Customization

For framework customization please see following sections:

• Font
• Base

Browser Support

UIGC Web Components are supported by all major modern browsers.

Browser	Supported versions
Chrome	Latest
Firefox	Latest
Safari	Latest
Edge	Latest