@smart-webcomponents-angular/input NPM

Smart.Input for Angular is part of the jQWidgets Smart UI Components Library for Angular.

Smart.Input represents a feature-complete, responsive and touch friendly Angular Input component.

This is a commercial product and requires a paid license for use. You can purchase a license at https://www.jqwidgets.com/license/ or start a free 30-day trial.
Angular 13 support

The Smart UI for Angular components are packaged using the latest Angular Package Format guidelines.

Resources

Getting Started
View Online Demos
Highlights
Enterprise features for Angular
The Smart UI for Angular library includes accessibility features(WAI-ARIA, Section 508), Localization, RTL, Keyboard Navigation.
Modular architecture
All components are built as modules so only the components and features you need are imported in your application.
Blazing Fast
All components are built from scratch in order to achieve the best performance and user experience.
Responsive, Touch & mobile friendly
Our components come with built-in device and browser detection. A component automatically adjusts itself for optimal user experience.
Showcase Applications
Admin Template
Admin Template 2
Admin Template 3
Support
Product support is available for through following mediums.
Community forum.
New GitHub issue.
Support e-mail: support@jqwidgets.com
Usage

Download and install the package

npm install @smart-webcomponents-angular/input

Adding CSS reference

The CSS files are available in ../node_modules/@smart-webcomponents-angular/input/styles/ folder.

"styles": [
	"node_modules/@smart-webcomponents-angular/input/styles/smart.base.css",
	"node_modules/@smart-webcomponents-angular/input/styles/smart.input.css",
	"node_modules/@smart-webcomponents-angular/input/styles/smart.common.css"
]

If you use more than one Smart UI component in your application, firstly add 'smart.base.css', then your components css files like 'smart.grid.css', 'smart.scheduler.css' and finally 'smart.common.css'.

Add the Component Module in your application

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { InputModule } from '@smart-webcomponents-angular/input';

import { AppComponent } from './app.component';

@NgModule({
    declarations: [ AppComponent ],
    imports: [ BrowserModule, InputModule ],
    bootstrap: [ AppComponent ],
	entryComponents: [ AppComponent ]
})

export class AppModule { }