Component Documentation

This section contains documentation for all reusable components in The Lab Notebook project.

Available Components

• FeatureCard Component - Interactive project showcase cards
• LightboxImage Component - Images with lightbox functionality
• PhotoGrid Component - Responsive image grids
• InfoCard Component - Informational cards
• QuickLinkCard Component - Quick access link cards
• SectionTitle Component - Section header titles
• ListLinks Component - Lists of links
• LandingHeader Component - Header for landing pages
• ProjectCardSmall Component - Compact project cards
• ProjectCardLarge Component - Large project cards
• UpdateCard Component - Cards for updates and news

Component Guidelines

Components in this project follow these principles:

• Reusable - Can be used across multiple pages/projects
• Accessible - Include proper ARIA labels and keyboard navigation
• Responsive - Mobile-first design with Tailwind CSS
• Well-documented - Clear prop descriptions and usage examples

For development guidelines, see the Development Guide.