FontAwesome React API Reference
    Preparing search index...

    Interface CSSVariables

    Adds support for FA's CSS variables to the React style prop.

    TODO: Move this to fontawesome-common-types

    interface CSSVariables {
        "--fa-animation-delay"?: string;
        "--fa-animation-direction"?: string;
        "--fa-animation-duration"?: string;
        "--fa-animation-iteration-count"?: string;
        "--fa-animation-timing"?: string;
        "--fa-beat-fade-opacity"?: string;
        "--fa-beat-fade-scale"?: string;
        "--fa-beat-scale"?: string;
        "--fa-border-color"?: string;
        "--fa-border-padding"?: string;
        "--fa-border-radius"?: string;
        "--fa-border-style"?: string;
        "--fa-border-width"?: string;
        "--fa-display"?: string;
        "--fa-fade-opacity"?: string;
        "--fa-family"?: string;
        "--fa-flip-angle"?: string;
        "--fa-flip-x"?: string;
        "--fa-flip-y"?: string;
        "--fa-flip-z"?: string;
        "--fa-inverse"?: string;
        "--fa-li-margin"?: string;
        "--fa-li-width"?: string;
        "--fa-primary-color"?: string;
        "--fa-primary-opacity"?: string;
        "--fa-pull-margin"?: string;
        "--fa-rotate-angle"?: string;
        "--fa-secondary-color"?: string;
        "--fa-secondary-opacity"?: string;
        "--fa-stack-z-index"?: string;
        "--fa-style"?: string;
        "--fa-width"?: string;
        [key: `--fa-font-${string}`]: string | undefined;
    }

    Hierarchy (View Summary)

    Indexable

    • [key: `--fa-font-${string}`]: string | undefined
    Index

    Properties

    "--fa-animation-delay"?: string
    "--fa-animation-direction"?: string
    "--fa-animation-duration"?: string
    "--fa-animation-iteration-count"?: string
    "--fa-animation-timing"?: string
    "--fa-beat-fade-opacity"?: string
    "--fa-beat-fade-scale"?: string
    "--fa-beat-scale"?: string
    "--fa-border-color"?: string
    "--fa-border-padding"?: string
    "--fa-border-radius"?: string
    "--fa-border-style"?: string
    "--fa-border-width"?: string
    "--fa-display"?: string
    "--fa-fade-opacity"?: string
    "--fa-family"?: string
    "--fa-flip-angle"?: string
    "--fa-flip-x"?: string
    "--fa-flip-y"?: string
    "--fa-flip-z"?: string
    "--fa-inverse"?: string
    "--fa-li-margin"?: string
    "--fa-li-width"?: string
    "--fa-primary-color"?: string
    "--fa-primary-opacity"?: string
    "--fa-pull-margin"?: string
    "--fa-rotate-angle"?: string
    "--fa-secondary-color"?: string
    "--fa-secondary-opacity"?: string
    "--fa-stack-z-index"?: string
    "--fa-style"?: string
    "--fa-width"?: string