Dile Components

screenshot of Dile Components
vite

Dile Components

Custom elements catalog for all kind of projects and frameworks.

Overview:

Dile components is a collection of Custom Elements created and maintained by @EscuelaIT's students and instructors. These components are created to solve common purposes in websites and web applications. The components come with CSS custom properties to adapt the look and feel of the components according to user needs.

Features:

  • Dile-app-drawer: Animated app menu.
  • Dile-avatar: Configurable user avatar.
  • Dile-breadcrumbs: Create custom breadcrumbs.
  • Dile-button: Customizable button.
  • Dile-button-icon: Customizable button with an icon.
  • Dile-card: Card element.
  • Dile-checkbox: Checkbox element.
  • DileCloseDocumentClickMixin: Mixin to close elements when the user clicks outside themselves.
  • CloseIcon: Close icon lit-html template.
  • DileCloseOnEscPressed: Mixin to close an element when the esc key is pressed.
  • Dile-confirm: Modal confirm/cancel actions.
  • Dile-countdown-time: Countdown hours, minutes, and seconds to a date-time.
  • Dile-datepicker: Input element to introduce a date with a calendar.
  • Dile-calendar: Accessible calendar with styles.
vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.