• What is KendoReact
  • Getting Started
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Charts
    • Common Utilitiesupdated
    • Conversational UI
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • PDF Processing
    • PDFViewernew
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeView
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

ColorPaletteProps

Represents the props of the KendoReact ColorPalette component.

NameTypeDefaultDescription

ariaDescribedBy?

string

Identifies the element(s) which will describe the component, similar to HTML aria-describedby attribute. For example these elements could contain error or hint message.

ariaLabelledBy?

string

Identifies the element(s) which will label the component.

columns?

number

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

defaultValue?

string

The default value of the ColorPalette.

disabled?

boolean

Determines whether the ColorPalette is disabled (more information and example).

class App extends React.Component {
   render() {
      return (
          <ColorPalette disabled={true} />
      );
   }
}
ReactDOM.render(<App />, document.querySelector('my-app'));

id?

string

Specifies the id of the component.

palette?

string | string[]

The color palette that will be displayed.

The supported values are:

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

tabIndex?

number

Sets the tabIndex property of the ColorPalette.

tileSize?

number | TileSize

Specifies the size of a color cell in px. Defaults to 24.

value?

string

The value of the ColorPalette.

Methods

onChange

Determines the event handler that will be fired when the user edits the value.

Parameters

event

ColorPaletteChangeEvent

onFocus

Represent the focus event of the ColorPalette.

Parameters

event

FocusEvent