Interface CustomButton

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

Properties

action? show backgroundColor? disabled? icon? iconStyle? text? textStyle? customComponent? buttonProps? contentProps? iconProps? renderAsButton?

Properties

Optionalaction

action?: (() => void | Promise<void>)

show

show: boolean

OptionalbackgroundColor

backgroundColor?: string

Optionaldisabled

disabled?: boolean

Optionalicon

icon?: IconDefinition

OptionaliconStyle

iconStyle?: CSSProperties

Optionaltext

text?: string

OptionaltextStyle

textStyle?: CSSProperties

OptionalcustomComponent

customComponent?: ReactNode

OptionalbuttonProps

buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>

OptionalcontentProps

contentProps?: HTMLAttributes<HTMLDivElement>

OptionaliconProps

iconProps?: Partial<FontAwesomeIconProps>

OptionalrenderAsButton

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.

Settings

Member Visibility

On This Page

Properties