Feed

From the docs

The events are a list, as in Tailwind UI, and each event is one of its items: a screen reader announces the list with its number of events and moves through it event by event. A pressable event is a button inside its item. The label prop names the list (for example "Recent activity").

A virtualized feed with a bounded height scrolls its events in a list of its own. On the web, while those events overflow, that list is a keyboard tab stop (before the rows themselves when onItemPress makes them buttons), the keyboard can scroll it, and while it has keyboard focus the feed's card draws the theme's focus ring. Only the events near its viewport are mounted, and each says where it sits in the whole feed, so a screen reader still counts every event. Give a windowed feed a label: focused, a list with no name is named in Chromium from the text of every event it has rendered, so the kit warns in development when it has none.

activity provides the original Argus time gutter, sentence, and dividing rule. trace provides a colored marker, optional halo, optional numeric time gutter, and inline category label. These unframed rows inherit their owning panel. Pass rich content, marker color and halo, and optional kind on each item.