interface CardHeaderSelectableActionsObject {
    className?: string;
    hasNoOffset?: boolean;
    isChecked?: boolean;
    isExternalLink?: boolean;
    name?: string;
    onChange?: ((event: FormEvent<HTMLInputElement>, checked: boolean) => void);
    onClickAction?: ((event: MouseEvent<Element, MouseEvent> | FormEvent<HTMLInputElement>) => void);
    selectableActionAriaLabel?: string;
    selectableActionAriaLabelledby?: string;
    selectableActionId: string;
    to?: string;
    variant?: "multiple" | "single";
}

Properties

className?: string

Additional classes added to the selectable actions wrapper

hasNoOffset?: boolean

Flag indicating that the actions have no offset

isChecked?: boolean

Flag indicating whether the selectable card input is checked. We recommend using the isSelected prop on the card component instead.

isExternalLink?: boolean

Flag to indicate whether a clickable card's link should open in a new tab/window.

name?: string

Name for the input element of a clickable or selectable card.

onChange?: ((event: FormEvent<HTMLInputElement>, checked: boolean) => void)

Callback for when a selectable card input changes

onClickAction?: ((event: MouseEvent<Element, MouseEvent> | FormEvent<HTMLInputElement>) => void)

Action to call when clickable card is clicked

selectableActionAriaLabel?: string

Adds an accessible label to the selectable or clickable input

selectableActionAriaLabelledby?: string

Adds an accessible label to the selectable or clickable input by passing in a space separated list of id's.

selectableActionId: string

ID passed to the selectable or clickable input

to?: string

Link to navigate to when clickable card is clicked

variant?: "multiple" | "single"

Determines the type of input to be used for a selectable card.