Interface AltButton

interface AltButton {
    name?: string;
    icon?: IconDefinition;
    alternateIcon?: IconDefinition;
    onPress?: (() => void);
    backgroundColor?: {
        default?: string;
    };
    active?: boolean;
    alternateIconComponent?: Element;
    iconComponent?: Element;
    customComponent?: Element;
    color?: string;
    activeColor?: string;
    inActiveColor?: string;
    show?: boolean;
    disabled?: boolean;
    buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    style?: CSSProperties;
    className?: string;
    iconWrapperProps?: HTMLAttributes<HTMLSpanElement>;
    textProps?: HTMLAttributes<HTMLSpanElement>;
    contentWrapperProps?: HTMLAttributes<HTMLDivElement>;
    renderContent?: ((options: {
        index: number;
        isActive: boolean;
        defaultIcon: ReactNode;
        defaultLabel: ReactNode;
        defaultContent: ReactNode;
        direction: "horizontal" | "vertical";
    }) => ReactNode);
    renderButton?: ((options: {
        index: number;
        button: AltButton;
        defaultButton: ReactNode;
        defaultProps: ButtonHTMLAttributes<HTMLButtonElement>;
        direction: "horizontal" | "vertical";
    }) => ReactNode);
}

Properties

name? icon? alternateIcon? onPress? backgroundColor? active? alternateIconComponent? iconComponent? customComponent? color? activeColor? inActiveColor? show? disabled? buttonProps? style? className? iconWrapperProps? textProps? contentWrapperProps? renderContent? renderButton?

Properties

Optionalname

name?: string

Optionalicon

icon?: IconDefinition

OptionalalternateIcon

alternateIcon?: IconDefinition

OptionalonPress

onPress?: (() => void)

OptionalbackgroundColor

backgroundColor?: {
    default?: string;
}

Optionalactive

active?: boolean

OptionalalternateIconComponent

alternateIconComponent?: Element

OptionaliconComponent

iconComponent?: Element

OptionalcustomComponent

customComponent?: Element

Optionalcolor

color?: string

OptionalactiveColor

activeColor?: string

OptionalinActiveColor

inActiveColor?: string

Optionalshow

show?: boolean

Optionaldisabled

disabled?: boolean

OptionalbuttonProps

buttonProps?: ButtonHTMLAttributes<HTMLButtonElement>

Optionalstyle

style?: CSSProperties

OptionalclassName

className?: string

OptionaliconWrapperProps

iconWrapperProps?: HTMLAttributes<HTMLSpanElement>

OptionaltextProps

textProps?: HTMLAttributes<HTMLSpanElement>

OptionalcontentWrapperProps

contentWrapperProps?: HTMLAttributes<HTMLDivElement>

OptionalrenderContent

renderContent?: ((options: {
    index: number;
    isActive: boolean;
    defaultIcon: ReactNode;
    defaultLabel: ReactNode;
    defaultContent: ReactNode;
    direction: "horizontal" | "vertical";
}) => ReactNode)

OptionalrenderButton

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

Settings

Member Visibility

On This Page

Properties