# All files / tabs 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
    62x
    62x
    62x
    62x
    62x
    62x
    62x
    62x
    62x
    62x
    62x
    62x
    62x
    62x
    62x
     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
      );
    }