Smart.ColorPicker represents a feature-complete, responsive and touch friendly Angular ColorPicker 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.
The Smart UI for Angular components are packaged using the latest Angular Package Format guidelines.
The Smart UI for Angular library includes accessibility features(WAI-ARIA, Section 508), Localization, RTL, Keyboard Navigation.
All components are built as modules so only the components and features you need are imported in your application.
All components are built from scratch in order to achieve the best performance and user experience.
Our components come with built-in device and browser detection. A component automatically adjusts itself for optimal user experience.
Product support is available for through following mediums.
- Community forum.
- New GitHub issue.
- Support e-mail: support@jqwidgets.com
- Download and install the package
npm install @smart-webcomponents-angular/colorpicker- Adding CSS reference
The CSS files are available in ../node_modules/@smart-webcomponents-angular/colorpicker/styles/ folder.
"styles": [
"node_modules/@smart-webcomponents-angular/colorpicker/styles/smart.base.css",
"node_modules/@smart-webcomponents-angular/colorpicker/styles/smart.colorpicker.css",
"node_modules/@smart-webcomponents-angular/colorpicker/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 { ColorPickerModule } from '@smart-webcomponents-angular/colorpicker';
import { AppComponent } from './app.component';
@NgModule({
declarations: [ AppComponent ],
imports: [ BrowserModule, ColorPickerModule ],
bootstrap: [ AppComponent ],
entryComponents: [ AppComponent ]
})
export class AppModule { }Check the license detail here.
Check the release notes here © Copyright 2022 jQWidgets, Ltd. All Rights Reserved.