Skip to content

Move vaadin-message elements into a slot #4289

@rolfsmeds

Description

@rolfsmeds

Describe your motivation

The vaadin-message elements in the vaadin-message-list component are currently in the component's shadow dom. This presents a challenge for ::part() based styling:

  1. The 8 shadow parts inside vaadin-message need to be propagated to vaadin-message-list using exportparts. That's rather much.
  2. Theme names applied to vaadin-message instances cannot be exposed to the ::part() selector, making it impossible to style messages based on theme using ::part().

Describe the solution you'd like

Move the vaadin-message elements into a slot in vaadin-message-list.

Describe alternatives you've considered

I suppose theme names applied to messages could be reflected as part names.

Additional context

No response

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions