Widget identifier string to sanitize
Sanitized ID safe for use in HTML/CSS
sanitizeWidgetId('my-widget') // 'my-widget'
sanitizeWidgetId('My Widget!') // 'My-Widget-'
sanitizeWidgetId('widget#123') // 'widget-123'
sanitizeWidgetId('test@example.com') // 'test-example-com'
// Usage in components
const widgetId = sanitizeWidgetId(userInput);
<div id={widgetId} className={`widget-${widgetId}`}>
{content}
</div>
Sanitize widget ID to ensure valid HTML/CSS identifiers
Removes special characters and replaces them with hyphens to create valid HTML element IDs and CSS class names. Essential for dynamic widget generation and proper DOM manipulation.