Press "Enter" to skip to content

Simple Interface for Selecting from A Predefined Set of Colors | ngx-color-selector

ngx-color-selector provides a simple interface to choose from a predefined set of colors.

ngx color picker, color picker angular example, npm color picker angular, =how to use color picker in angular, best angular color picker, ngx color picker reactive form

How to make use of it:


npm install --save @bytelabsco/ngx-color-selector

1. Import BytelabsColorSelectorModule into your app module:

import { NgModule } from '@angular/core';

// ... Other imports

import { BytelabsColorSelectorModule } from '@bytelabsco/ngx-color-selector';

    imports: [
    // ...
export class AppModule {}

2. In your component, set up a variable to store your color:

import { Component } from '@angular/core';

import { IColor } from '@bytelabsco/ngx-color-selector';

    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
export class AppComponent {

    public currentColor: IColor = {
        hex: "#000"

3. In your template, use the component:

<bytelabs-color-selector [(color)]="currentColor"></bytelabs-color-selector>


color picker selector angular component, ngx-color-selector Plugin/Github

See Demo And Download

Official Website(bytelabsco): Click Here

This superior jQuery/javascript plugin is developed by bytelabsco. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.