Component Kitchen Sink

Interactive showcase of available UI components

Collapsible Sections

Expandable content sections with smooth animations

Basic Usage

Project Overview

Component Kitchen Sink

Interactive showcase of UI components

This project demonstrates the various UI components available in our design system. Each component is presented with interactive examples and usage documentation.

Components
Modal, Menu, Collapsible
Status
Active Development
API Documentation

Component API Reference

Properties, methods, and usage patterns

CollapsibleSectionComponent

@Input() sectionTitle: string;
@Input() expanded: boolean = false;

Usage Example

<cgg-collapsible-section
  sectionTitle="My Section"
  [expanded]="isExpanded">
  <p>Content goes here</p>
</cgg-collapsible-section>
Feature List

Available Features

Complete list of implemented features

  • Smooth expand/collapse animations
  • Customizable section titles
  • Controlled expanded state
  • FontAwesome icon integration
  • Accessibility support
  • Multiple color themes (planned)

Interactive Controls

Control Panel

Complex Content

Dashboard Analytics

Performance Metrics

Real-time analytics and statistics

1,249
Total Users
+12% from last month
89.3%
Success Rate
+2.1% from last week
234ms
Avg Response
+15ms from last week
96.8%
Uptime
Above target

Recent Activity

User registration spike2 hours ago
Performance optimization deployed5 hours ago
New feature release1 day ago
System Configuration

Application Settings

Configuration options and preferences

Theme Settings
Notifications