Content & Dashboard

Notification List Item

Single notification row with avatar/icon, message, timestamp and an unread indicator dot.

Subscription Included with the Velocity Components subscription.

bash

$ velocityx add notification-list-item

Built for astro.

Full docs for Notification List Item →

Needs a licence key — subscribe here, then velocityx loginonce.

astro v1.0.0

Notification List Item

New comment on your post

Elijah replied to "Spin-up hardening checklist".

16 Oct, 5:07 am

Deploy succeeded

velocity-x-stock deployed to production.

16 Oct, 4:07 am

Props

Name	Type	Required	Default
title	string	No	'New comment on your post'
description	string	No	'Elijah replied to "Spin-up hardening checklist".'
date	string \| Date	No	new Date()
avatarSrc	string	No
unread	boolean	No	true
href	string	No	'#'
locale	string	No	'en-AU'
dateFormatter	(date: Date) => string	No
className	string	No	''

File this creates

The CLI writes this path into your project, relative to its root — nothing else moves.

text

components/velocity/notification-list-item/NotificationListItem.astro

Using the Notification List Item component

Install it with velocityx add notification-list-item. The CLI writes the source straight into your project — no runtime dependency, no registry lock-in, and it themes itself from the same primary-*/accent-* scale as the rest of the library.

All 406 components

Notification List Item

Props

File this creates

Using the Notification List Item component

Related components