Feature Type: New Gaming Block
Component Name: FriendList
🧩 Description
Create a retro-style Friend List component that displays players with their online/offline status.
Each entry should show:
- Player name
- Status indicator (online/offline/away)
- Optional avatar or icon
- Optional activity text (e.g., “In battle”, “Exploring…”)
The layout should follow the 8bitcn pixel aesthetic and be reusable in any multiplayer UI.
📸 Behavior
- Display friends in a vertical list with pixel borders.
- Online/offline status should be visually distinct using pixel-style badges or dots.
- Hover/focus states should match the 8bitcn design.
- Support long player names by gracefully truncating or wrapping.
- Clicking on a user can trigger an external action (e.g., open profile) but is not handled inside the component.
✅ Acceptance Criteria
- Matches 8bitcn pixel style in borders, typography, spacing, and indicators.
- Clearly shows online/offline states.
- Responsive and accessible.
- Works with any number of players.
- Includes a documentation page like all other gaming components.
Feature Type: New Gaming Block
Component Name: FriendList
🧩 Description
Create a retro-style Friend List component that displays players with their online/offline status.
Each entry should show:
The layout should follow the 8bitcn pixel aesthetic and be reusable in any multiplayer UI.
📸 Behavior
✅ Acceptance Criteria