Event list

Examples

Basic

PreviewAngularReactVueJavaScript

Selected

PreviewAngularReactVueJavaScript

Custom item height

PreviewAngularReactVueJavaScript

Compact

PreviewAngularReactVueJavaScript

API (ix-event-list)

Properties

Name

Description and specifications

animated

Animate state change transitions. Defaults to 'true'.

Attribute:

animated

Type:

boolean

Default:

true

chevron

Display a chevron icon in list items. Defaults to 'false'

Attribute:

chevron

Type:

boolean

Default:

false

compact

Make event-list items more compact

Attribute:

compact

Type:

boolean

Default:

false

itemHeight

Determines the height of list items. This can either be one of two predefined sizes ('S' or 'L') or an absolute pixel value. In case a number is supplied it will get converted to rem internally. Defaults to 'S'.

Attribute:

item-height

Type:

"L" ｜ "S" ｜ number

Default:

'S'

Events

No events available for this component.

API (ix-event-list-item)

Properties

Name

Description and specifications

chevron

Show chevron on right side of the event list item

Attribute:

chevron

Type:

boolean

Default:

false

color

Deprecated

since 2.1.0 use `item-color`

Color of the status indicator. You can find a list of all available colors in our documentation. Example values are `--theme-color-alarm` or `color-alarm`

Attribute:

color

Type:

string ｜ undefined

disabled

Disable event list item

Attribute:

disabled

Type:

boolean

Default:

false

itemColor

Color of the status indicator. You can find a list of all available colors in our documentation. Example values are `--theme-color-alarm` or `color-alarm`

Attribute:

item-color

Type:

string ｜ undefined

selected

Show event list item as selected

Attribute:

selected

Type:

boolean

Default:

false

Events

Name

Description and specifications

itemClick

Event list item click

Detail:

any