Components

This section contains the documentation for all components available in the SurgeUp Design System.

Display

Image - Image component with ratios, multiple sources and lazy loading
Avatar - Avatar component with initials, status and badges
AvatarGroup - Avatar group with overflow management
Badge - Modern badge component with variants and icons
Dialog - Versatile modal/drawer component
Tabs - tabs component
Progress - Composant Progress

Forms

InputField - InputField component with multiple variants
Password - Password component with validation and progress bar
Switch - Switch component for toggle actions
FileUpload - File upload component with drag & drop
TextareaField - Textarea field component with counter and auto-resize
Slider - Slider component for numeric values

Actions

Button - Button component with multiple variants
ButtonGroup - Button group with controlled spacing
Link - Link component with icon support and variants
LinkGroup - Link group with controlled spacing
Dropdown - Dropdown component with options and links

Organization

FormFields - Form field group with controlled spacing
FloatButton - Floating button positioned in screen corners

Navigation components coming soon...