polydile / dile-components

Custom elements catalog for all kind of projects and frameworks.

Dile Components V2

This is the "dile-components" catalog monorepo, a library of Custom Elements based on Lit and Web Components.

If you are looking for the previous version of this component catalog, you can find it in this repository: https://github.com/Polydile/Components-legacy

Packages in This Repository

• @dile/ui: Components for creating common User Interfaces, such as buttons, dialogs, custom form elements, etc.
• @dile/utils: Components that provide useful functionalities for web development.
• @dile/icons: Templates for implementing SVG icons within your components.
• @dile/editor: A Markdown WYSIWYG (What You See Is What You Get) editor for the web.

To utilize this component library, follow these steps.

Installation

First install the repository where the desired component is located. For instance, to use the UI custom elements, install @dile/ui:

npm install @dile/ui

Component usage

To utilize a component from this library, you must import the element you need. For example, to use the toast feedback element, use the following import:

import '@dile/ui/components/toast/toast';

After importing, you can use the component in your application like so:

<dile-toast></dile-toast>

Complete docs

You will find a complete list of the custom elements, along with their properties, methods, events, and examples on the dile-components website:

https://dile-components.polydile.com

Contribute

If you like to contribute publishing a component to this library, you will find a complete guide to understand the components organization.

dile-components's Issues

Smooth-scrolling does not support mouse scrolling inside lit-component in chrome

So when trying out your example in https://dile-components.polydile.com/components/dile-smooth-scroll/ it works perfectly in firefox. In chrome however it is not possible to scroll inside the bottom textarea with a mouse scroller.
If I set the page overflow: hidden it works - but not out of the box.

Kooha-2023-09-26-12-43-44.webm