MediaSFU ReactJS
    Preparing search index...

    Interface CustomButton

    interface CustomButton {
        action?: () => void | Promise<void>;
        show: boolean;
        backgroundColor?: string;
        disabled?: boolean;
        icon?: IconDefinition;
        iconStyle?: CSSProperties;
        text?: string;
        textStyle?: CSSProperties;
        tooltip?: string;
        customComponent?: ReactNode;
        buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
        contentProps?: HTMLAttributes<HTMLDivElement>;
        iconProps?: Partial<FontAwesomeIconProps>;
        renderAsButton?: boolean;
    }
    Index

    Properties

    action?: () => void | Promise<void>
    show: boolean
    backgroundColor?: string
    disabled?: boolean
    icon?: IconDefinition
    iconStyle?: CSSProperties
    text?: string
    textStyle?: CSSProperties
    tooltip?: string

    More descriptive tooltip text shown on hover (defaults to text if not provided)

    customComponent?: ReactNode
    buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>
    contentProps?: HTMLAttributes<HTMLDivElement>
    iconProps?: Partial<FontAwesomeIconProps>
    renderAsButton?: boolean

    When set to false, the wrapper renders as a non-button element so interactive custom components (for example, components that render their own buttons) are not nested inside a native button.