Smart Custom Element

Smart Custom Element provides a set of useful API, Data Binding, Templates, Device Agnostic Event Handling, Resize handling, Style Change Notifications, Property and Attribute Change Notifications, Property Value and Type validation, Localization, Lifecycle callback functions and much more. Our framework allows you to easily build Custom HTML Elements. Custom Elements are the web platform's native solution for component-based development. With Custom Elements, you get reusable HTML tags that can be used just like the browser’s built-in native html elements, or break your app up into small pieces, making your code cleaner and easier to maintain.

For more information, please visit: https://www.htmlelements.com/docs/base-element/
GitHub repo: https://github.com/HTMLElements/smart-custom-element
NPM: https://www.npmjs.com/package/@smarthtmlelements/smart-custom-element

HTML Elements
, ,

Leave a comment

Smart Tabs Custom Element

Smart Tabs is a Tabs Custom HTML Element that make it easy to explore and switch between different views, part of the Smart HTML Elements. Tabs can be paired with components like top app bars, or nested in components like cards and sheets. Users can navigate between tabs by tapping a tab, or by performing a swipe gesture over content



WebComponents.org: https://www.webcomponents.org/element/HTMLElements/smart-tabs.
NPM Installation: Smart Tabs
HTML Elements, Smart Tabs
, , , , , , , , ,

Leave a comment

Smart Calendar

Smart Calendar represents a Calendar Custom Element, which you can use to pick a Date interactively. It is built with Javascript, CSS and HTML. The Calendar does not depend on any third-party libraries. Smart Calendar

Smart Calendar NPM package has been publishte: https://www.npmjs.com/package/@smarthtmlelements/smart-calendar

GitHub repo: https://github.com/HTMLElements/smart-calendar

WebComponents: https://www.webcomponents.org/element/htmlelements/smart-calendar
HTML Elements, Smart Calendar
, , , , , ,

Leave a comment

Smart Accordion

Smart Accordion is a custom element which contains expandable panels. Each panel has Header and Content. In the Header and Content, you can put any HTML or HTML Element. Our Smart Accordion custom element now has a GitHub repository, Bower(type bower install htmlelements/smart-accordion) and NPM packages and is also available on the WebComponents.org website - smart-accordion.

HTML Elements, Smart Accordion
, , , , , , ,

Leave a comment

Smart Button

Smart Button is a simple custom element which represents a Button. It can contain any content like Image, Text or any HTML. Our Smart Button custom element now has a GitHub repository, Bower(type bower install htmlelements/smart-button) and NPM packages and is also available on the WebComponents.org website - smart-button.

HTML Elements, Smart Button
, , , , , , , ,

Leave a comment

About Smart HTML Elements



What is Smart HTML Elements?



Smart HTML Elements represents a UI framework based on Javascript, HTML 5 and CSS 3 for building responsive web-based applications. Smart HTML Elements includes more than 30 UI components. Some of them are: Sliders, Tabs, Tank, Gauge, Buttons, Lists, Dropdowns, Dialog Window, Toast, etc.
the UI components are designed from ground-up and based on a powerful common core. The framework core provides powerful features like support for HTML Element extensions and inheritance, HTML Templates , Data Binding, Event handling and routing, property change notifications, device and browser compatibility detection and adjustments.



HTML Elements

Leave a comment