@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 31,171 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
After Matplotlib rejected an AI-written PR, the agent fired back with a blog post, igniting debate over AI contributions and maintainer burden.
Security News
HashiCorp disclosed a high-severity RCE in next-mdx-remote affecting versions 4.3.0 to 5.x when compiling untrusted MDX on the server.
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.