@lynx-dev/web-elements

It provides the custom-element implementation of Lynx Elements in Web.

So far, support compared to Lynx Elements on the client:

| Elements | Whether support | Details | | -------------- | --------------- | -------------------------------------------------------------------------------- | | Elements | | | | canvas | ❌ | No | | image | ✅ | Full Support | | list | ✅ | Only single layout type is supported, flow and waterfall will be supported later | | scroll-view | ✅ | Full Support | | text | ✅ | Full Support | | view | ✅ | Full Support | | X-Elements | | | | svg | ✅ | Full Support | | x-blur-view | ✅ | Full Support | | x-input | ✅ | Full Support | | x-textarea | ✅ | Full Support | | x-swiper | ✅ | Full Support | | x-viewpager-ng | ✅ | Full Support | | x-foldview-ng | ✅ | Full Support | | x-refresh-view | ✅ | Full Support | | x-overlay-ng | ✅ | Full Support | | x-audio-tt | ✅ | Full Support |

Usage

Normally, you don't need to import @lynx-dev/web-elements directly, because the @lynx-dev/web-core has included it.

But if you want to use it separately, you can import it like this:

import '@lynx-dev/web-elements/all';
import '@lynx-dev/web-elements/index.css';

document.body.innerHTML = `
<x-text style="font-size: 24px;font-weight: bold">
  Hello lynx.
</x-text>
`;

Document

See our website for more information.