Toast Tabs

import ToastTabs from '@/components/rareui/ToastTabs';

export default function MyComponent() {
  return <ToastTabs />;
}

<ToastTabs />

import ToastTabs, { TabData } from '@/components/rareui/ToastTabs';

const reviews: TabData[] = [
  {
    id: 'amy',
    image: 'https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e?w=200',
    title: 'Amy Park',
    description: 'Shipping features twice as fast since we adopted this design system.',
  },
  {
    id: 'leo',
    image: 'https://images.unsplash.com/photo-1502767089025-6572583495b9?w=200',
    title: 'Leo Martin',
    description: 'The animations make our product feel genuinely premium, not just polished.',
  },
];

export default function Reviews() {
  return (
    <ToastTabs
      tabs={reviews}
      ringColor="#3b82f6"
      autoplayDelay={4000}
    />
  );
}

<ToastTabs autoplay={false} />