zedix / zedix-ui

A library of essential web components (lit-based), serving as a foundation for web apps or design systems. Mostly headless. Works with any frameworks.

@zedix/zedix-ui

@zedix/zedix-ui is a library of essential web components (lit-based) serving as a foundation for web apps or design systems.

The UI kit provides primitives such as:

• autocomplete
• carousel
• details
• dialog
• drawer
• popover
• skeleton
• spinner
• tooltip
• …

Demo

Demo ↗

Installation

❯ yarn add @zedix/zedix-ui

Usage

Tooltip example:

<script type="module">
import '@zedix/zedix-ui/dist/components/tooltip/tooltip.js';
<script>

<button id="btn-close" type="button">✗<button>

<zx-tooltip
  for="btn-close"
  class="px-3 py-2"
  placement="bottom"
  trigger="focus hover"
  hide-delay="150"
>
  Close
</zx-tooltip>