Interface InputOptionsNotificationOptions

Configuration for an options dialog.

interface InputOptionsNotificationOptions {
    cancelOption?: string;
    createOptionsButton?: ((option, props, isDefaultOption) => ReactNode);
    defaultOption?: string;
    description?: string;
    icon?: ReactNode;
    initialValue?: string;
    inputLabel?: string;
    inputPlaceHolder?: string;
    inputProps?: HTMLAttributes<HTMLInputElement | HTMLTextAreaElement>;
    onInputOption?: ((input?, option?) => void);
    onOption?: ((option, isCancel, isDefault) => void);
    onValidateInputOption?: ((input?, option?) => InputValidationResults | Promise<InputValidationResults>);
    onValidateOption?: ((option?) => boolean | Promise<boolean>);
    options?: string[];
    title?: string;
}

Hierarchy (view full)

Properties

cancelOption? createOptionsButton? defaultOption? description? icon? initialValue? inputLabel? inputPlaceHolder? inputProps? onInputOption? onOption? onValidateInputOption? onValidateOption? options? title?

Properties

Optional cancelOption

cancelOption?: string

Allows for the cancel option to be specified. Allow for special styling.

Default Value

'Cancel'

Optional createOptionsButton

createOptionsButton?: ((option, props, isDefaultOption) => ReactNode)

Hook for create custom options buttons

Type declaration

    • (option, props, isDefaultOption): ReactNode

    • Parameters

      • option: string
      • props: HTMLAttributes<HTMLButtonElement> & Attributes
      • isDefaultOption: boolean

      Returns ReactNode

Remarks

The option is passed as the children prop and as the second argument

Optional defaultOption

defaultOption?: string

Allows for the option will be the default selected option and the enter key trigger.

Default Value

The first option

Optional description

description?: string

Display text information for the user to make a decision.

Optional icon

icon?: ReactNode

Display an icon next to the description for additional context

Remarks

Not yet implemented

Optional initialValue

initialValue?: string

Optional inputLabel

inputLabel?: string

Optional inputPlaceHolder

inputPlaceHolder?: string

Optional inputProps

inputProps?: HTMLAttributes<HTMLInputElement | HTMLTextAreaElement>

Css style for input

Optional onInputOption

onInputOption?: ((input?, option?) => void)

Type declaration

    • (input?, option?): void

    • Parameters

      • Optional input: string
      • Optional option: string

      Returns void

Optional onOption

onOption?: ((option, isCancel, isDefault) => void)

Call when an option is selected.

Type declaration

    • (option, isCancel, isDefault): void

    • Parameters

      • option: string
      • isCancel: boolean
      • isDefault: boolean

      Returns void

Remarks

It is possible that the option can be both a cancel and a default option.

Optional onValidateInputOption

onValidateInputOption?: ((input?, option?) => InputValidationResults | Promise<InputValidationResults>)

Call when an option is selected. If false is returned, the the dialog will not close. Notification is not provided but can be supplied via the textFieldProps helperText property.

Type declaration

Remarks

Optional the textProps can be updated via the textFieldProps argument

Optional onValidateOption

onValidateOption?: ((option?) => boolean | Promise<boolean>)

Call when an option is selected. If false is returned, the the dialog will not close. Notification is not provided but can be supplied via the textFieldProps helperText property.

Type declaration

    • (option?): boolean | Promise<boolean>

    • Parameters

      • Optional option: string

      Returns boolean | Promise<boolean>

Optional options

options?: string[]

The options as a list of strings

Optional title

title?: string

The title of the options panel

Settings

Member Visibility

Theme

On This Page

cancelOptioncreateOptionsButtondefaultOptiondescriptioniconinitialValueinputLabelinputPlaceHolderinputPropsonInputOptiononOptiononValidateInputOptiononValidateOptionoptionstitle