Variable sanitizeWidgetId

Type Declaration

• • (id: string): string

  • 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.

    Parameters

    • id: string

      Widget identifier string to sanitize

    Returns string

    Sanitized ID safe for use in HTML/CSS

    Example

    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>
    Copy