• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UInew
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
Components / Inputs / API / ColorPickerPaletteSettings / 
New to Kendo UI for Vue? Start a free 30-day trial

ColorPickerPaletteSettings

The settings of the ColorPalette that is nested inside the popup of the ColorPicker (see example).

NameTypeDefaultDescription

columns?

number

Specifies the number of columns that will be displayed. Defaults to 10.

palette?

string | string[]

Specifies the set of colors. Provides a set of predefined palette presets (for example, office, basic, and apex) and enables you to implement a custom color palette. Defaults to the office preset.

The supported values are:

  • The name of the predefined palette preset (for example, office, basic, and apex).
  • A string with comma-separated colors.
  • A string array.

tileSize?

number | TileSize

Specifies the size of a color cell.

The possible values are:

  • (Default) 24
  • { width: number, height: number }

In this article

Not finding the help you need?

Contact Support