Interface ButtonTouch

Configuration for a single touch-optimized control button.

ButtonTouch

interface ButtonTouch {
    name?: string;
    icon?: string | number | symbol;
    alternateIcon?: string | number | symbol;
    onPress?: (() => void);
    backgroundColor?: {
        default?: string;
        pressed?: string;
    };
    active?: boolean;
    alternateIconComponent?: Element;
    iconComponent?: Element;
    customComponent?: Element;
    color?: string;
    activeColor?: string;
    inActiveColor?: string;
    show?: boolean;
    disabled?: boolean;
}

Properties

name? icon? alternateIcon? onPress? backgroundColor? active? alternateIconComponent? iconComponent? customComponent? color? activeColor? inActiveColor? show? disabled?

Properties

Optionalname

name?: string

Button label/name

Optionalicon

icon?: string | number | symbol

Icon name from FontAwesome5 glyphMap

OptionalalternateIcon

alternateIcon?: string | number | symbol

Alternate icon name (shown when active)

OptionalonPress

onPress?: (() => void)

Click handler

OptionalbackgroundColor

backgroundColor?: {
    default?: string;
    pressed?: string;
}

Background colors with default and pressed states

Optionalactive

active?: boolean

Whether button is in active state

OptionalalternateIconComponent

alternateIconComponent?: Element

Custom alternate icon component

OptionaliconComponent

iconComponent?: Element

Custom icon component

OptionalcustomComponent

customComponent?: Element

Completely custom button component

Optionalcolor

color?: string

Icon color

OptionalactiveColor

activeColor?: string

Icon color when active

OptionalinActiveColor

inActiveColor?: string

Icon color when inactive

Optionalshow

show?: boolean

Whether to show the button

Optionaldisabled

disabled?: boolean

Whether button is disabled

Settings

Member Visibility

On This Page

Properties