New to KendoReactStart a free 30-day trial

Represents the props of the KendoReact PivotGridAxisEditor component.

Definition

Package:@progress/kendo-react-pivotgrid

Properties

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

Represents the label of the Chip component.

Sets the aria-selected attribute on the Chip. When provided, overrides the internally computed selected state for the ARIA attribute. Only applies when role is "option".

avatar?

ChipAvatarProps

Determines if the Chip has an avatar.

children?

ReactNode

The React elements that will be rendered as custom content inside the Chip.

chip?

CustomComponent​<ChipProps>

Overrides the default chip component.

The default component is: KendoReactChip.

Sets additional classes to the Chip.

columnMenuTextColumn?

CustomComponent​<ColumnMenuProps>

Overrides the default columnMenuTextColumn component.

The default component is: KendoReactColumnMenuTextColumn.

Represents the dataItem of the AxisEditor.

The dataItem is a single PivotGridAxis object.

dir?

string

The Chip direction 'ltr' as default or 'rtl'.

disabled?

boolean

Determines if the Chip is disabled.

dropClue?

CustomComponent​<any>

Overrides the default dropClue component.

The default component is: (props) => <div className="k-grouping-dropclue" style={{ position: 'relative', zIndex: 10000 }} {...props}/>

fillMode?

"solid" | "outline"

Configures the fillMode of the Chip. The available options are:

  • solid
  • outline
Default:

undefined (theme-controlled)

Overrides the default filterFieldsEditor component.

The default component is: PivotGridAxisFilterFieldsEditor.

icon?

string

Determines if the Chip has a font icon.

id?

string

Sets the id property of the top div element of the Chip.

onBlur?

(event: ChipFocusEvent) => void

Fires on onBlur event.

Parameters:eventChipFocusEvent

onClick?

(event: ChipMouseEvent) => void

Fires on onClick event.

Parameters:eventChipMouseEvent

onDoubleClick?

(event: ChipMouseEvent) => void

Fires on onDoubleClick event.

Parameters:eventChipMouseEvent

onFocus?

(event: ChipFocusEvent) => void

Fires on onFocus event.

Parameters:eventChipFocusEvent

onKeyDown?

(event: ChipKeyboardEvent) => void

Fires on onKeyDown event.

Parameters:eventChipKeyboardEvent

onMouseDown?

(event: ChipMouseEvent) => void

Fires on onMouseDown event.

Parameters:eventChipMouseEvent

onMouseEnter?

(event: ChipMouseEvent) => void

Fires on onMouseEnter event.

Parameters:eventChipMouseEvent

onMouseLeave?

(event: ChipMouseEvent) => void

Fires on onMouseLeave event.

Parameters:eventChipMouseEvent

onMouseMove?

(event: ChipMouseEvent) => void

Fires on onMouseMove event.

Parameters:eventChipMouseEvent

onMouseOut?

(event: ChipMouseEvent) => void

Fires on onMouseOut event.

Parameters:eventChipMouseEvent

onMouseOver?

(event: ChipMouseEvent) => void

Fires on onMouseOver event.

Parameters:eventChipMouseEvent

onMouseUp?

(event: ChipMouseEvent) => void

Fires on onMouseUp event.

Parameters:eventChipMouseEvent

onRemove?

(event: ChipRemoveEvent) => void

Fires on Chip removing.

Parameters:eventChipRemoveEvent

removable?

boolean

Determines if the Chip could be removed.

Determines if the Chip has custom font removeIcon.

Determines if the Chip has custom SVG removeIcon.

rounded?

"small" | "medium" | "large" | "full" | "none"

Configures the roundness of the Chip. The available options are:

  • small
  • medium
  • large
  • full
  • none
Default:

undefined (theme-controlled)

selected?

boolean

Determines if the Chip is selected.

Determines if the Chip has custom selection font icon.

Determines if the Chip has custom selection SVG icon.

size?

"small" | "medium" | "large"

Configures the size of the Chip. The available options are:

  • small
  • medium
  • large
Default:

undefined (theme-controlled)

style?

CSSProperties

Sets additional CSS styles to the Chip.

svgIcon?

SVGIcon

Determines if the Chip has an SVG icon.

tabIndex?

number

Sets the tabIndex attribute.

text?

string

Sets the label text of the Chip.

themeColor?

"base" | "info" | "success" | "warning" | "error"

Configures the themeColor of the Chip. The available options are:

  • base
  • info
  • success
  • warning
  • error
Default:

undefined (theme-controlled)

Sets the id value of the Chip.