UMD Web Utilities Library
    Preparing search index...

    Function combineStyles

    • Combines multiple style strings into a single string, filtering out null/undefined values. This is useful for conditionally combining CSS strings from different sources.

      Parameters

      • ...styles: (string | null | undefined)[]

        Variable number of style strings (can include null or undefined)

      Returns string

      A single concatenated string with all valid styles

      const baseStyles = '.container { padding: 1rem; }';
      const conditionalStyles = isDark ? '.container { background: #000; }' : null;
      const moreStyles = '.container { border: 1px solid; }';

      const combined = combineStyles(baseStyles, conditionalStyles, moreStyles);
      // Returns: '.container { padding: 1rem; }.container { border: 1px solid; }'
      // (conditionalStyles was null, so it was filtered out)