AdoptionDashboard

AdoptionDashboard component: complete admin view combining stats grid, category chart, and feature table in one layout

Overview

AdoptionDashboard is a complete, drop-in dashboard component that displays all adoption metrics. It combines stats grid, charts, tables, and filters into a single component.

Basic Usage

import { AdoptionDashboard } from '@tour-kit/adoption'

export default function AdminPage() {
  return (
    <div className="container">
      <h1>Feature Adoption</h1>
      <AdoptionDashboard />
    </div>
  )
}

Props

Prop

Type

Examples

Minimal Dashboard

<AdoptionDashboard
  showFilters={false}
  showChart={false}
/>

Stats Only

<AdoptionDashboard
  showChart={false}
  showTable={false}
  showFilters={false}
/>

With Custom Wrapper

<div className="max-w-7xl mx-auto p-6 space-y-6">
  <AdoptionDashboard className="shadow-lg rounded-lg" />
</div>

Next Steps

AdoptionStatsGrid - Metrics grid
AdoptionTable - Feature table
AdoptionCategoryChart - Charts

AdoptionDashboard

On this page