Smart Angular Components

User interface with proven reliability

Feature complete

Tech assistance by Experts

What is Angular?

Angular is a framework which helps you build modern applications for the web, mobile, or desktop.


How to use our Angular Components?


Our Angular components can be downloaded from: angular.components.zip.

The current list of Angular components:
  • Smart.CheckBox
  • Smart.RadioButton
  • Smart.ProgressBar

How to use our Web Components with Angular?

Our Web Components UI toolkit can be used the same way you use Button, Input, Select HTML tags. You can take a look at this tutorial: https://www.htmlelements.com/docs/angular/.

Below is demonstrated how to use our Smart.ProgressBar Angular component


app.component.ts

import { Component, OnInit } from '@angular/core';  
 import { FormGroup, FormBuilder } from '@angular/forms';  
 export class Hero {  
  id: number;  
  name: string;  
 }  
 @Component({  
  selector: 'app-root',  
  template: `  
     <SmartProgressBar [value]="value"></SmartProgressBar>  
   `  
 })  
 export class AppComponent {  
   value = 30;  
 }  
app.module.ts

import { NgModule, CUSTOM_ELEMENTS_SCHEMA  } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule,ReactiveFormsModule } from '@angular/forms';
import { SmartProgressBarModule } from './angular.components/smart.progressbar.module';

import { AppComponent } from './app.component';
import '@smarthtmlelements/smart-core/source/smart.core.js';

@NgModule({
    declarations: [AppComponent],
    imports: [BrowserModule, FormsModule, ReactiveFormsModule, SmartProgressBarModule],
	schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
    providers: [],
    bootstrap: [AppComponent]
})

export class AppModule { }


Result:
Download sample: angular-progressbar.zip.

Angular Components with Zero dependencies

  • Unique Performance and User Experience.
  • Feature complete. Developer friendly UI Components.
  • Mobile-Ready.
  • Native Angular support.
  • Supported Browsers: Chrome, Firefox, Safari & Edge.

Exceptional features for Engineering and Science web apps development

  • Arbitrary-precision arithmetic and Math functions.
  • DateTime precision up to a yoctosecond (10⁻²⁴ second).