# All files / src useHtmlClassName.ts

100% Statements 19/19
100% Branches 5/5
100% Functions 1/1
100% Lines 19/19

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    201x
    1x
    1x
    1x
    1x
    1x
    1x
    206x
    63x
    44x
    44x
    19x
    19x
    19x
    19x
    19x
    19x
    206x
    206x
     "use client";
    import { useEffect } from "react";

    /**
     * @remarks \@since 6.0.0
     */
    export function useHtmlClassName(className: string): void {
      useEffect(() => {
        if (!className) {
          return;
        }

        const html = document.documentElement;
        html.classList.add(className);
        return () => {
          html.classList.remove(className);
        };
      }, [className]);
    }