Docs

Documentation versions (currently viewingVaadin 24)

Message List

Styling API reference for the Message List component.

CSS Selectors

The following CSS selectors can be used in stylesheets to target the various parts and states of the component. See the Styling documentation for more details on how to style components.

List

Root element

vaadin-message-list

Internal list layout

vaadin-message-list::part(list)

Message

Root element

vaadin-message

Text content layout

vaadin-message::part(content)

Header row

vaadin-message::part(header)

Name

vaadin-message::part(name)

Timestamp

vaadin-message::part(time)

Message text

vaadin-message::part(message)

Avatars

Avatar

vaadin-message > vaadin-avatar

Avatar icon

vaadin-message > vaadin-avatar::part(icon)

Avatar abbreviation

vaadin-message > vaadin-avatar::part(abbr)