P
PixelPlay UI

Slideout Menu

A right-anchored overlay panel for contextual detail, settings, and multi-step workflows. Renders via a portal with backdrop, keyboard dismissal, and body scroll lock. Use disablePortal to embed inline in docs or tests.

Default

Right-side panel with a backdrop overlay. Closes on backdrop click, close button, or Escape.

User profile

Read-only profile card with bio, social stats, and work history.

Messages

Conversation list with tab navigation between Recent, Groups, and Archive views.

Group chat

Chat thread view with date separators, file attachments, and outgoing message bubbles.

Payment method

Select an active payment card and manage billing contact email.

Change plan

Tiered plan cards with pricing, feature descriptions, and optional badge callouts.

Team members

Searchable team list grouped by department with quick-action mail buttons.

Filters

Multi-section filter panel with colored team tags and a searchable role list.

Filters — empty state

Shown before any filters are applied; provides an entry point to add the first filter.

File upload

Dropzone upload area with per-file progress bars and remove controls.

Notification settings

Separate in-app and email notification preferences with nested cadence options.

Activity feed

Chronological user actions — file uploads, labels, invitations. Switch between Default, Connected (timeline), and Spaced (card) layouts.