newOS for Developers

Back to Overview

UsersGrid

output

Responsive grid layout for displaying multiple user cards. Supports configurable columns and card styles.

Source Path
apps/web/Components/Model/user/UsersGrid.tsx
Package

@newos/web

Props Interface

UsersGrid: ({
  users: UserReadPrivateResponse[];  // Array of users to display
  columns?: 2 | 3 | 4;               // Grid columns (default: 3)
  cardStyle?: "compact" | "full";    // Card variant
  showFollowButtons?: boolean;       // Show follow buttons
  onUserClick?: (user) => void;      // User card click handler
}) => JSX.Element

Common Use Cases

Follower/Following Lists

Display paginated lists of user followers or following.

Mood Contributors

Show all contributors to a collaborative mood/folder.

Search Results

Display user search results in a grid format.

Agent Directory

Browse available AI agents with their capabilities.

Related Components

UserCardUserCardExtendedUserChip