Skip to content

EventListItem 🟠 Not ready

The EventListItem component can be used imported from:

Playground

Parameters

Slots

This component has slots. Check the documentation about how to use the slots.

NameTagsDescription
image-srcspanThe image of the event
defaultspanThe content of the empty state
headerspanThe title of the empty state
actionsspanActions of the event list item

Parameters use

Check the documentation about how to use the parameters.

date

The date attribute is used to display the date of the event. Make sure you use a valid date format.

The header attribute is used to display the title of the event.

Alternatively, you can use the header slot to display the event header.

Event Header

content

The content attribute is used to display a short description of the event.

Alternatively, you can use the default slot to display the event description.

Event description

Image

image-src

The image-src attribute is used to set the image source of the profile in the list item.

pictogram

The pictogram parameter is used to define the pictogram to be displayed inside action card. Make sure you specify correctly the name of the pictogram you want to display. Check the Pictogram component for the list of available pictograms.

If both image-src and pictogram are defined, the pictogram will be displayed.

image-alt

The image-alt attribute is used to set the image alt of the profile in the list item.

Browser support

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples

CodeSandbox example