MindeesUI
ComponentsDisplay

Feed

A FlatList-backed activity feed with avatar, title, timestamp, and body, or a custom item renderer.

Feed renders a vertical list of items, each defaulting to an avatar, a title with a timestamp, and a body. It is backed by FlatList for virtualisation and accepts a renderItem override to fully control the row layout.

Import

import { Feed } from '@mindees/ui';

Usage

<Feed
  items={[{ id: '1', name: 'Ada', title: 'Ada commented', timestamp: '2m', body: 'Looks great!' }]}
/>

Props

PropTypeDefaultDescription
itemsreadonly FeedItem[]Feed entries to render.
renderItem(item: FeedItem, index: number) => ReactElement | nullOverride the default item layout.
styleStyleProp<ViewStyle>Style applied to the list.

Each FeedItem may set id, title, timestamp, body, avatar (image URL), and name (for avatar initials). Inherits the remaining ViewProps (except style).

Accessibility

The list uses accessibilityRole="list". The default item composes an Avatar and themed Text; when supplying renderItem, give each row meaningful labels so the feed reads clearly with a screen reader.

On this page