Layout Options
Vertical Layout
Options are stacked vertically for easy scanning. This is the default layout and works best for forms with many options.
"layout": "vertical"Horizontal Layout
Options are arranged in a horizontal row for compact forms. Ideal when you have a few options and want to save vertical space.
"layout": "horizontal"Grid Layout
Options are displayed in a responsive grid for better space utilization. Perfect for forms with multiple options that need to be visually organized.
"layout": "grid"Validation Features
Real-time Validation
Immediate feedback during content creation
Custom Error Messages
Tailored validation messages for better UX
Required Field Validation
Prevents saving without required data
Pattern Validation
Regex support for complex validation rules
Selection Limits
Control minimum and maximum choices
Unique Value Validation
Ensure data uniqueness across entries
Performance
- Optimized Rendering: Efficient React components
- Lazy Loading: Components loaded only when needed
- Minimal Bundle Size: Lightweight implementation
- Memory Efficient: Optimized for large datasets
Performance Tip: The plugin is designed to be lightweight and performant, ensuring minimal impact on your Strapi application’s performance.
Security
- Input Sanitization: Automatic data sanitization
- XSS Protection: Built-in security measures
- Private Fields: Hide sensitive data from API responses
- Validation: Server-side validation for data integrity
Security Note: Always validate user input on the server side. While this plugin provides client-side validation, server-side validation is crucial for security.