SheetXL - v0.8.0-beta.9+sites.210.e2d420901
    Preparing search index...

    Interface WalkingIconProps

    This wraps an icon with a walking stroke animation.

    This requires a 'delegating' glyph icons to passed. This will then use CSS animation to create a walking stroke effect.

    interface WalkingIconProps {
        ariaHidden?: boolean;
        className?: string;
        dashGap?: number;
        dashLength?: number;
        iconKey: string;
        isWalking: boolean;
        packKey?: string;
        propsSource?: unknown;
        role?: string;
        size?: string | number;
        speed?: number;
        style?: CSSProperties;
        themedType?:
            | "error"
            | "success"
            | "warning"
            | "info"
            | "primary"
            | "accent";
        title?: string;
    }

    Hierarchy (View Summary)

    Index
    ariaHidden? className? dashGap? dashLength? iconKey isWalking packKey? propsSource? role? size? speed? style? themedType? title?
    ariaHidden?: boolean
    className?: string
    dashGap?: number
    dashLength?: number
    iconKey: string

    The key of the icon this must be available in the DynamicIconService.

    isWalking: boolean

    Animate the stroke marching effect.

    packKey?: string
    propsSource?: unknown

    Extra props forwarded to React glyphs (if the glyph is of type react)

    role?: string
    size?: string | number

    Sets wrapper font-size; children scale to 1em

    speed?: number

    Animation speed in milliseconds.

    style?: CSSProperties
    themedType?: "error" | "success" | "warning" | "info" | "primary" | "accent"

    Retint the walkable stroke to a semantic token. Mirrors SheetClipboardLayer (isCut ? warning : primary): defaults to "primary", pass "warning" for a cut.

    title?: string

    Settings
    Member Visibility

    On This Page
    Properties