Activity - Audit Log

These blocks help people see who did what and when. They take typed props with fictional events and a now prop where a time range is used, so the demos stay stable. Timestamps are YYYY-MM-DDTHH:mm strings in UTC. Format them in the viewer's time zone in your own app.

Filters, paging, reviews and sign outs only change local state, so connect them to your own API. The export block builds a real CSV or JSON file in the browser from the filtered rows, which is a good start for small logs. For large logs, create the file on the server.

Style One

Audit log table with a sortable time column, failed event badges and page controls.

Style Two

Filterable log with search, actor, action type and time range filters, removable chips and an empty state.

Style Three

Event list where each row opens a side drawer with who, when, where and a before and after view of the change, plus buttons to walk through events.

Style Four

Export bar with a time range, an event type and a format choice, a live count and a download button that creates a CSV or JSON file.

Style Five

Security events with summary tiles, a banner for high severity events, review and dismiss actions and an undo.

Style Six

Login history with the current session, a flagged sign in with a not me action and sign out for one or all other sessions.