@vaadin/message-list
Advanced tools
A web component that allows you to show a list of messages, for example, a chat log.
<vaadin-message-list></vaadin-message-list>
<script>
document.querySelector('vaadin-message-list').items = [
{ userName: 'Alice', time: '8 Minutes ago', text: 'Lunch at the usual place?' },
{ userName: 'Bob', time: '6 Minutes ago', text: `Yeah, let's go together.` },
{ userName: 'Alice', time: '2 Minutes ago', text: 'Great! What about you, Charlie?' },
{ userName: 'Charlie', time: 'A few seconds ago', text: 'I will meet you there.' },
];
</script>
Install the component:
npm i @vaadin/message-list
Once installed, import the component in your application:
import '@vaadin/message-list';
Read the contributing guide to learn about our development process, how to propose bugfixes and improvements, and how to test your changes to Vaadin components.
Apache License 2.0
Vaadin collects usage statistics at development time to improve this product. For details and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics.
FAQs
vaadin-messages
The npm package @vaadin/message-list receives a total of 38,398 weekly downloads. As such, @vaadin/message-list popularity was classified as popular.
We found that @vaadin/message-list demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 12 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Security researchers report widespread abuse of OpenClaw skills to deliver info-stealing malware, exposing a new supply chain risk as agent ecosystems scale.
Security News
Claude Opus 4.6 has uncovered more than 500 open source vulnerabilities, raising new considerations for disclosure, triage, and patching at scale.
Research
/Security News
Malicious dYdX client packages were published to npm and PyPI after a maintainer compromise, enabling wallet credential theft and remote code execution.