Widgets
Ecosistema completo para organización y gestión de contenido con interfaces espaciales
Widgets
Overview
The Widget system provides reusable and highly configurable components for building dynamic interfaces. Each widget is designed to be independent but can integrate with other widgets to create complex experiences.
Widget Types
| Widget | Description | Documentation |
|---|---|---|
| Rich Text Editor | Advanced formatted text editor | Documentation |
| Data Grid | Interactive data table with sorting, filtering, and pagination | Documentation |
Responsive System
All widgets are designed to be fully responsive using our Responsive System, which provides:
- Automatic adaptation to different screen sizes
- Support for different devices (mobile, tablet, desktop)
- Responsive positioning and sizing
- Breakpoint-specific configurations
Widget Architecture
Widgets are built using standalone Angular components with a consistent architecture:
- Component: The Angular component that renders the widget
- Model: Data model defining widget properties
- Service: Optional service for complex logic
- Configuration: JSON schema for configuration options
Creating Custom Widgets
Custom widgets can be created by following our Widget Development Guide. The process involves:
- Creating the component structure
- Defining the widget model
- Implementing responsive behavior
- Testing across devices
Examples
For working examples, see:
Key Features
- Declarative Configuration: Widgets are configured using JSON objects
- Theming: Full support for custom themes and light/dark modes
- Accessibility: Compliance with WCAG 2.1 for an inclusive experience
- Performance: Optimized for fast and efficient rendering
- Extensibility: Plugin system to extend functionalities
UX Integration
Widgets are designed to seamlessly integrate with UX components, providing a consistent experience throughout the application.