# All files tabIndicatorStyles.ts

100% Statements 34/34
100% Branches 1/1
100% Functions 1/1
100% Lines 34/34

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
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    351x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    1x
    56x
    56x
    56x
    56x
    56x
    56x
    56x
    56x
    56x
    56x
    56x
    56x
    56x
    56x
    56x
     import { cnb } from "cnbuilder";
    import { bem } from "../utils/bem.js";

    const styles = bem("rmd-tab-indicator");

    /**
     * @remarks \@since 6.0.0
     */
    export interface TabIndicatorClassNameOptions {
      className?: string;
      animate?: boolean;
      tablist?: boolean;
      vertical?: boolean;
    }

    /**
     * @remarks \@since 6.0.0
     */
    export function tabIndicator(
      options: TabIndicatorClassNameOptions = {}
    ): string {
      const { className, vertical, tablist, animate } = options;

      return cnb(
        styles({
          animate,
          h: !vertical,
          v: vertical,
          "tablist-h": tablist && !vertical,
          "tablist-v": tablist && vertical,
        }),
        className
      );
    }