IAction

A function that is executed when users click the action item.

View Demo

Type:

(context?: any) => void readonly

Implemented in:

IAction

Specifies whether the action item is active.

Use this property as a flag to specify different action item appearances in different states.

Type:

boolean readonly

Implemented in:

IAction

See also:

enabled * , visible

Specifies the name of a component used to render the action item.

Type:

string readonly

Implemented in:

IAction

One or several CSS classes that you want to apply to the outer <div> element.

In the markup, an action item is rendered as an <input> wrapped in a <div>. The css property applies classes to the <div>.

To apply several classes, separate them with a space character: "myclass1 myclass2".

View Demo

Type:

string readonly

Implemented in:

IAction

See also:

innerCss

The action item's data object. Use it to pass required data to a custom template or component.

Type:

any readonly

Implemented in:

IAction

Set this property to true if you want the item's title to be always visible. If you set it to false, the title hides when the screen space is limited, and the item displays only the icon.

Type:

boolean readonly

Implemented in:

IAction

See also:

title * , iconName

Set this property to true if you want to disable keyboard navigation for the action item (sets the tabIndex attribute to -1).

Type:

boolean readonly

Implemented in:

IAction

Specifies whether users can interact with the action item.

Type:

boolean | ComputedUpdater<boolean> readonly

Implemented in:

IAction

See also:

active * , visible

The action item's icon name.

Type:

string readonly

Implemented in:

IAction

See also:

iconSize

The action item's icon size in pixels.

Type:

string | number readonly

Implemented in:

IAction

See also:

iconName

A unique action item identifier.

View Demo

Type:

string readonly

Implemented in:

IAction

One or several CSS classes that you want to apply to the inner <input> element.

In the markup, an action item is rendered as an <input> wrapped in a <div>. The innerCss property applies classes to the <input>.

To apply several classes, separate them with a space character: "myclass1 myclass2".

View Demo

Type:

string readonly

Implemented in:

IAction

See also:

css

The action item's location in a matrix question's row.

The following values are available:

• "start" - The action item is located at the beginning of the row.
• "end" - The action is located at the end of the row.

Type:

string readonly

Implemented in:

IAction

Specifies the visibility of the action item's title.

Type:

boolean readonly

Implemented in:

IAction

See also:

title * , disableShrink

Specifies the name of a template used to render the action item.

Type:

string readonly

Implemented in:

IAction

See also:

component

The action item's title.

View Demo

Type:

string readonly

Implemented in:

IAction

See also:

showTitle * , disableShrink

The action item's tooltip.

Type:

string readonly

Implemented in:

IAction

Specifies the action item's visibility.

Type:

boolean | ComputedUpdater<boolean> readonly

Implemented in:

IAction

See also:

enabled * , active

A number that specifies the action's position relative to other actions.

View Demo

Type:

number readonly

Implemented in:

IAction