Debriefer
React

InterviewCard

A card component for displaying interview summaries.

A card for displaying an interview with its status and response count.

Preview

Customer Discovery

active

12 responses

Variants

Active

Customer Discovery

active

12 responses

Completed

User Onboarding

completed

48 responses

Draft

Product Feedback

draft

0 responses

Usage

import { InterviewCard } from '@/components/docs/examples/interview-card'

<InterviewCard
  title="Customer Discovery"
  status="active"
  responseCount={12}
/>

Props

PropTypeDefaultDescription
titlestring'Customer Discovery'The interview title
status'active' | 'completed' | 'draft''active'Current status
responseCountnumber12Number of responses collected

On this page