Show who did what and when, newest first and grouped by day, with an icon or initials for each actor.
Why it helps
- Grouped by day
- Actor icons
- Clear history
Where it fits
- Audit trails
- Projects
- Accounts
Example
<ActivityFeed Label="Project activity" Items="_items" PageSize="5" />
@code {
private readonly ActivityItem[] _items =
[
new("Ivan Petrov", "merged the pull request", DateTime.Now.AddMinutes(-12), "Add export to the report page", IconName.Check, Severity.Success),
new("Maria Georgieva", "commented on the design review", DateTime.Now.AddHours(-1), "The spacing of the toolbar needs one more pass."),
new("Build server", "failed the nightly build", DateTime.Now.AddHours(-3), null, IconName.ErrorCircle, Severity.Error),
new("Georgi Dimitrov", "created the milestone Autumn release", DateTime.Now.AddHours(-6)),
new("Elena Stoyanova", "closed 4 issues", DateTime.Now.AddDays(-1).AddHours(-2), null, IconName.Check, Severity.Success),
new("Nikolay Kolev", "assigned you to the invoice task", DateTime.Now.AddDays(-1).AddHours(-5)),
new("Desislava Ivanova", "uploaded 3 files", DateTime.Now.AddDays(-2), null, IconName.Upload),
new("Stefan Angelov", "changed the due date of the audit", DateTime.Now.AddDays(-3)),
new("Plamen Hristov", "joined the project", DateTime.Now.AddDays(-4))
];
}A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.
Included in RayCraft Free. Working examples are in the GitHub repository (MIT); it holds example and demo code, not the library code.