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
- Input - InputField component with multiple variants
- Textarea - Textarea field component with counter and auto-resize
- SelectBox - SelectBox component with multiple selection support
- RadioGroup - Radio Group component for single selection with different display modes
- CheckboxGroup - Checkbox Group component for multiple selection with different display modes
- Switch - Switch component for toggle actions
- FileUpload - File upload component with drag & drop
- Slider - Slider component for numeric values
- Password - Password component with validation and progress bar
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
- FormFieldGroup - Form field group with controlled spacing
- FloatButton - Floating button positioned in screen corners