Interface ControlButtonsComponentTouchOptions

interface ControlButtonsComponentTouchOptions {
    buttons: ButtonTouch[];
    position?: "left" | "right" | "middle";
    location?: "center" | "bottom" | "top";
    direction?: "horizontal" | "vertical";
    buttonsContainerStyle?: CSSProperties;
    alternateIconComponent?: Element;
    iconComponent?: Element;
    showAspect?: boolean;
    containerProps?: HTMLAttributes<HTMLDivElement>;
    buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    buttonStyle?: CSSProperties;
    buttonClassName?: string;
    iconWrapperProps?: HTMLAttributes<HTMLSpanElement>;
    textProps?: HTMLAttributes<HTMLSpanElement>;
    contentWrapperProps?: HTMLAttributes<HTMLDivElement>;
    renderButton?: ((options: {
        index: number;
        button: ButtonTouch;
        defaultButton: ReactNode;
        defaultProps: ButtonHTMLAttributes<HTMLButtonElement>;
        direction: "horizontal" | "vertical";
    }) => ReactNode);
    renderButtonContent?: ((options: {
        index: number;
        button: ButtonTouch;
        defaultIcon: ReactNode;
        defaultLabel: ReactNode;
        defaultContent: ReactNode;
        direction: "horizontal" | "vertical";
    }) => ReactNode);
    gap?: string | number;
}

Properties

buttons position? location? direction? buttonsContainerStyle? alternateIconComponent? iconComponent? showAspect? containerProps? buttonProps? buttonStyle? buttonClassName? iconWrapperProps? textProps? contentWrapperProps? renderButton? renderButtonContent? gap?

Properties

buttons

buttons: ButtonTouch[]

Optionalposition

position?: "left" | "right" | "middle"

Optionallocation

location?: "center" | "bottom" | "top"

Optionaldirection

direction?: "horizontal" | "vertical"

OptionalbuttonsContainerStyle

buttonsContainerStyle?: CSSProperties

OptionalalternateIconComponent

alternateIconComponent?: Element

OptionaliconComponent

iconComponent?: Element

OptionalshowAspect

showAspect?: boolean

OptionalcontainerProps

containerProps?: HTMLAttributes<HTMLDivElement>

OptionalbuttonProps

buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>

OptionalbuttonStyle

buttonStyle?: CSSProperties

OptionalbuttonClassName

buttonClassName?: string

OptionaliconWrapperProps

iconWrapperProps?: HTMLAttributes<HTMLSpanElement>

OptionaltextProps

textProps?: HTMLAttributes<HTMLSpanElement>

OptionalcontentWrapperProps

contentWrapperProps?: HTMLAttributes<HTMLDivElement>

OptionalrenderButton

renderButton?: ((options: {
    index: number;
    button: ButtonTouch;
    defaultButton: ReactNode;
    defaultProps: ButtonHTMLAttributes<HTMLButtonElement>;
    direction: "horizontal" | "vertical";
}) => ReactNode)

OptionalrenderButtonContent

renderButtonContent?: ((options: {
    index: number;
    button: ButtonTouch;
    defaultIcon: ReactNode;
    defaultLabel: ReactNode;
    defaultContent: ReactNode;
    direction: "horizontal" | "vertical";
}) => ReactNode)

Optionalgap

gap?: string | number

Settings

Member Visibility

On This Page

Properties