Components
Loading preview...
here is bar chart component medium size
npx shadcn@latest add https://21st.dev/r/reaviz/bar-chart-mediumimport React from 'react';
import AdvancedIncidentReportBarChart from '@/components/ui/bar-chart-medium'; // Adjust path as per your actual structure
function AdvancedIncidentReportBarChartDemoPage() {
return (
<div className="flex items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-800 p-4 transition-colors duration-300">
{/*
To enable dark mode for the demo page and component:
1. Ensure Tailwind CSS is configured for dark mode (e.g., darkMode: 'class' in tailwind.config.js).
2. Apply the 'dark' class to a parent element, typically <html> or <body>.
*/}
<AdvancedIncidentReportBarChart />
</div>
);
}
export default AdvancedIncidentReportBarChartDemoPage;