search

raystack / apsara

Apsara is an open-source re-usable UI components built using Radix UI and CSS modules to power Raystack projects.
https://apsara-raystack.vercel.app/
57 stars 11 forks source link

Feat/breadcrumb #164

Closed paanSinghCoder closed 2 weeks ago

paanSinghCoder commented 3 weeks ago

Breadcrumb component for Apsara v2.

Props:

interface BreadcrumbItem {
  label: string;
  href: string;
  icon?: React.ReactNode;
  dropdownItems?: Array<{ label: string; href: string }>;
}

type BreadcrumbProps = PropsWithChildren<Omit<VariantProps<typeof breadcrumb>, 'size'>> & {
  items: BreadcrumbItem[];
  maxVisibleItems?: number;
  separator?: React.ReactNode;
  onItemClick?: (item: BreadcrumbItem) => void;
  className?: string;
  size?: 'small' | 'medium';
};

Docs in progress. Note: The dropdown might seem a bit off wrt the spacing and padding. We will fix it when working with the dropdown component.

vercel[bot] commented 3 weeks ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
apsara ✅ Ready (Inspect) Visit Preview 💬 Add feedback Oct 25, 2024 11:59am