Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Select
Custom Inputs
Components
Navigation
Components
68
Micro Charts
Libraries
Kanban Board
Image Designer
Video Player
Visual Builder
Content Editor
Data View
GET NGSTARTER

Color Switcher

Introducing Brand Colors, a simple yet powerful inline color picker for !

Easily select and customize colors for your brand directly within your app. Designed to fit seamlessly into projects, this component makes color picking effortless and intuitive.

Key features:
  • 🎨 Customizable: Tailor the color picker to match your app's design.
  • ⚡ Lightweight & Fast: Minimal impact on performance, smooth user experience.
  • 🛠️ Seamless Integration: Built specifically for —just plug and play!

Perfect for building apps where color matters—whether it's dashboards, design tools, or content creators' platforms. Save time and keep your branding on point with Brand Colors!

Get started today and add a splash of color to your projects!

Basic brand colors

Selected color: #08b0fe

Brand colors with custom colors

Selected color:

Brand colors with disabled state

Selected color: #08b0fe

Brand colors as form control

Selected color: #4ed7ff

API Reference

Properties for the ngs-brand-colors component.

PropTypeDefault
colors
List of colors
string[]List of default colors
selectedColor
Selected color
string–
disabled
Disable control
booleanfalse