Team and HR

2 layouts · 10 components

Team Directory

Profile cards and a compact list, with search, department filtering, and availability states.

1280px

Team directory

8 of 8 people

Showing
8
of 8 people
Departments
5
Across the org
Available now
4
Online status
  • AK
    Amara KadeStaff Engineer
    Lisbon · Engineeringamara@coloxo.dev
    Available
  • JT
    Jonas TerrellDesign Lead
    Berlin · Designjonas@coloxo.dev
    In a meeting
  • MR
    Mei RutherfordProduct Manager
    Singapore · Productmei@coloxo.dev
    Available
  • SO
    Sam OkaforPlatform Engineer
    Lagos · Engineeringsam@coloxo.dev
    Away
  • LP
    Lena PetrovData Scientist
    Warsaw · Datalena@coloxo.dev
    Offline
  • RS
    Ravi ShahFrontend Engineer
    Bengaluru · Engineeringravi@coloxo.dev
    Available
  • ID
    Ines DuarteBrand Designer
    Porto · Designines@coloxo.dev
    In a meeting
  • TB
    Tom BeckettAccount Executive
    Austin · Salestom@coloxo.dev
    Available

Components used

  • Avatar
  • Badge
  • Card
  • Combobox
  • Dropdown
  • EmptyState
  • Heading
  • Input
  • Tabs
  • Text

Install

npm install @coloxo/ui

The block imports only from @coloxo/ui and lucide-react. Styling uses the package token layer, so no Tailwind setup is required.

All blocksBrowse components