Axinom Mosaic Libraries
    Preparing search index...

    Interface CompositeJsButtonProps

    Button options for composite buttons (text + icon) with JS handlers

    interface CompositeJsButtonProps {
        buttonContext?: ButtonContext;
        className?: string;
        customIcon?: ReactNode;
        dataTestId?: string;
        disabled?: boolean;
        height?: string | number;
        icon?: IconName;
        iconPosition?: "right" | "left";
        onBlur?: FocusEventHandler<HTMLButtonElement>;
        onButtonClicked?: (
            event: MouseEvent<HTMLButtonElement, MouseEvent>,
        ) => void;
        openInNewTab?: undefined;
        path?: undefined;
        text?: string;
        title?: string;
        type?: "button" | "submit" | "reset";
        width?: string | number;
    }

    Hierarchy (View Summary)

    Index

    Properties

    buttonContext? className? customIcon? dataTestId? disabled? height? icon? iconPosition? onBlur? onButtonClicked? openInNewTab? path? text? title? type? width?

    Properties

    buttonContext?: ButtonContext

    Buttons type (default: 'Active'). Affects buttons color and border. Button context type Navigation is deprecated and will be removed in future versions. For navigation type of buttons define path instead of onButtonClicked, onBlur and type properties to render link instead of button.

    className?: string

    Optional class

    customIcon?: ReactNode

    Optional custom icon. When provided, icon property is ignored.

    dataTestId?: string

    Optional data-test-id

    disabled?: boolean

    Whether the button is disabled. If set to true, disallows interactions. (default: undefined)

    height?: string | number

    Button's height

    icon?: IconName

    Optional icon

    iconPosition?: "right" | "left"

    Optional Icon Position

    onBlur?: FocusEventHandler<HTMLButtonElement>
    onButtonClicked?: (event: MouseEvent<HTMLButtonElement, MouseEvent>) => void

    Event to raise when the button is clicked

    openInNewTab?: undefined

    If set to true, the link will open in a new tab.

    path?: undefined

    Where to navigate to when the action is clicked.

    Optionaltext

    text?: string

    Button text

    title?: string

    Optional title attribute for the button

    type?: "button" | "submit" | "reset"

    HTML button type attribute (default: 'button')

    width?: string | number

    Button's width

    Settings

    Member Visibility

    On This Page

    Properties