New to KendoReact? Start a free 30-day trial

PanelBarItemProps

Interface

Represents the props of the PanelBarItem component.

Definition

Package:@progress/kendo-react-layout

Properties

animation?

boolean

Allows individual animation control over the child (see example). By default, it is controlled by the PanelBar component.

children?

any

Can be any of PanelBar items, an array of PanelBar items, or a custom component.

className?

string

The class name that is set to the PanelBarItem component.

disabled?

boolean

Sets the disabled state of the PanelBarItem (see example).

Default:

false

expanded?

boolean

Sets the initial expanded state of the PanelBarItem (see example). Controlled by the PanelBar component.

Default:

false

focused?

boolean

Sets the initial focused state of the PanelBarItem. Controlled by the PanelBar component.

headerClassName?

string

The class name that is set to the PanelBarItem header.

icon?

string

Defines an icon that will be rendered next to the title (see example).

iconClass?

string

Defines an icon with a custom CSS class that will be rendered next to the title (see example).

id?

string

Allows the component to set the id property to each item. If not set, a default id is applied.

imageUrl?

string

Defines the location of the image that will be displayed next to the title (see example).

selected?

boolean

Sets the initial selected state of the PanelBarItem. Controlled by the PanelBarItem component (see example).

Default:

false

svgIcon?

SVGIcon

Defines an SVG icon that will be rendered next to the title (see example).

title?

ReactNode

Sets the title of the PanelBar item (see example).

uniquePrivateKey?

string

Used to identify the PanelBarItems inside the PanelBar (see example). Does not depend on the state of the PanelBarItem.