Skip to main content

Event list

Usage​

PreviewAngularReactVueJavascript

Selected​

PreviewAngularReactVueJavascript

Custom item height​

PreviewAngularReactVueJavascript

Compact​

PreviewAngularReactVueJavascript

Properties (ix-event-list)​

Props​

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
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.

Properties (ix-event-list-item)​

Props​

Name
Description and specifications
chevron
Show chevron on right side of the event list item
Attribute:
chevron
Type:
boolean
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
disabled
Disable event list item
Attribute:
disabled
Type:
boolean
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
selected
Show event list item as selected
Attribute:
selected
Type:
boolean

Events​

Name
Description and specifications
itemClick
Event list item click
Detail:
any