Documentation / Elementar Admin

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

Easily select and customize colors for your brand directly within your app. Designed to fit seamlessly into Angular Material 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 Angular Material—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!

Prop	Type	Default
colors List of colors	string[]	List of default colors
selectedColor Selected color	string	–
disabled Disable control	boolean	false

Prop

Type

Default

colors

List of colors

string[]

List of default colors

selectedColor

Selected color

string

–

disabled

Disable control

boolean

false

Brand Colors

Basic brand colors

Brand colors with custom colors

Brand colors with disabled state

Brand colors as form control

API Reference