MediaSFU ReactJS
    Preparing search index...

    Interface ButtonTouch

    interface ButtonTouch {
        name?: string;
        icon?: IconDefinition;
        alternateIcon?: IconDefinition;
        onPress?: () => void;
        backgroundColor?: { default?: string };
        active?: boolean;
        alternateIconComponent?: Element;
        iconComponent?: Element;
        customComponent?: Element;
        color?: string;
        activeColor?: string;
        inActiveColor?: string;
        show?: boolean;
        disabled?: boolean;
        buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
        style?: CSSProperties;
        className?: string;
        iconWrapperProps?: HTMLAttributes<HTMLSpanElement>;
        textProps?: HTMLAttributes<HTMLSpanElement>;
        contentWrapperProps?: HTMLAttributes<HTMLDivElement>;
        renderContent?: (
            options: {
                index: number;
                isActive: boolean;
                defaultIcon: ReactNode;
                defaultLabel: ReactNode;
                defaultContent: ReactNode;
                direction: "horizontal" | "vertical";
            },
        ) => ReactNode;
        renderButton?: (
            options: {
                index: number;
                button: ButtonTouch;
                defaultButton: ReactNode;
                defaultProps: ButtonHTMLAttributes<HTMLButtonElement>;
                direction: "horizontal" | "vertical";
            },
        ) => ReactNode;
    }
    Index

    Properties

    name?: string
    icon?: IconDefinition
    alternateIcon?: IconDefinition
    onPress?: () => void
    backgroundColor?: { default?: string }
    active?: boolean
    alternateIconComponent?: Element
    iconComponent?: Element
    customComponent?: Element
    color?: string
    activeColor?: string
    inActiveColor?: string
    show?: boolean
    disabled?: boolean
    buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>
    style?: CSSProperties
    className?: string
    iconWrapperProps?: HTMLAttributes<HTMLSpanElement>
    textProps?: HTMLAttributes<HTMLSpanElement>
    contentWrapperProps?: HTMLAttributes<HTMLDivElement>
    renderContent?: (
        options: {
            index: number;
            isActive: boolean;
            defaultIcon: ReactNode;
            defaultLabel: ReactNode;
            defaultContent: ReactNode;
            direction: "horizontal" | "vertical";
        },
    ) => ReactNode
    renderButton?: (
        options: {
            index: number;
            button: ButtonTouch;
            defaultButton: ReactNode;
            defaultProps: ButtonHTMLAttributes<HTMLButtonElement>;
            direction: "horizontal" | "vertical";
        },
    ) => ReactNode