LYD Design System V2 - Component Overview
Welcome to the Live Your Dreams Design System. This comprehensive library provides all the essential components for building modern, luxury real estate applications. Each component is crafted with attention to detail, incorporating our signature gradients, premium typography, and glassmorphism effects.
Our design system emphasizes consistency, accessibility, and a premium user experience that reflects the luxury segment we serve.
All Components
| Component | Description | Status | Link |
|---|---|---|---|
| Button | Interactive elements for user actions with multiple variants and SVG icon support | Ready | View Component |
| Input | Text input fields with various states and validation options | Ready | View Component |
| Card | Container components with image support and flexible layouts | Ready | View Component |
| Select | Dropdown selection with multi-select and tag support | Ready | View Component |
| Modal | Overlay dialogs for focused user interactions | Ready | View Component |
| Dropdown | Versatile dropdown menus with smooth animations | Ready | View Component |
| Accordion | Expandable content panels for organized information | Ready | View Component |
| Checkbox | Selection controls for multiple choices | Ready | View Component |
| Radio | Single selection from multiple options | Ready | View Component |
| Toast | Non-intrusive notifications and feedback messages | Ready | View Component |
| Table | Data display in rows and columns with sorting | Ready | View Component |
| Textarea | Multi-line text input for longer content | Ready | View Component |
| Switch | Toggle controls for on/off states | Ready | View Component |
| Slider | Range selection with visual feedback | Ready | View Component |
| Alert | Contextual feedback messages with different severity levels | Ready | View Component |
| Badge | Small status indicators and labels | Ready | View Component |
| Date Picker | Calendar-based date selection with interactive navigation | Ready | View Component |
| Avatar | User profile images and placeholders | Ready | View Component |
| Navbar | Navigation bar with responsive menu and logo integration | Ready | View Component |
| Tabs | Tabbed interface for content organization | Ready | View Component |
| Progress | Visual indicators for task completion | Ready | View Component |
| Calendar | Full calendar view for date management | Ready | View Component |
| Autocomplete | Intelligent search with real-time suggestions | Ready | View Component |
| Pagination | Navigation controls for multi-page content | Ready | View Component |
| Tooltip | Contextual information on hover | Ready | View Component |
| Spinner | Loading indicators with Hero UI inspired animations and premium LYD gradients | Ready | View Component |
| Typography | Text styles and formatting guidelines | Ready | View Component |