options for each toolbar control

interface ToolbarControl {
    clickFunction?: (() => void);
    iconSVG?: {
        content?: string;
        height?: string;
        width?: string;
    };
    id?: string;
    shouldBeDisabled?: (() => boolean);
    text?: string;
    title?: string;
    type: string;
}

Properties

clickFunction?: (() => void)

function to execute on button click alternatively, users can choose to not pass in a function and can listen for events to execute asynchronously

Type declaration

    • (): void
    • Returns void

iconSVG?: {
    content?: string;
    height?: string;
    width?: string;
}

SVG HTML element

Type declaration

  • Optional content?: string
  • Optional height?: string
  • Optional width?: string
id?: string

custom id for button

shouldBeDisabled?: (() => boolean)

Type declaration

    • (): boolean
    • Returns boolean

text?: string

the text to display (if this control is displayed in overflow menu) type value will be displayed if text is not available

title?: string

used as aria-label for toolbar control

type: string

the toolbar control type