react-native-really-awesome-button
Version:
React Native Button UI component that renders an 60fps animated set of progress enabled 3D performant buttons.
242 lines (241 loc) • 11.3 kB
TypeScript
/// <reference types="react" />
declare const _default: {
title: string;
background: string;
color: string;
buttons: {
twitter: any;
messenger: any;
facebook: any;
github: any;
linkedin: any;
whatsapp: any;
reddit: any;
pinterest: any;
youtube: any;
primary: {
backgroundColor: string;
backgroundDarker: string;
backgroundProgress: string;
textColor: string;
activityColor?: string | undefined;
activeOpacity?: number | undefined;
animatedPlaceholder?: boolean | undefined;
backgroundActive?: string | undefined;
backgroundPlaceholder?: string | undefined;
backgroundShadow?: string | undefined;
borderColor?: string | undefined;
borderRadius?: number | undefined;
borderBottomLeftRadius?: number | undefined;
borderBottomRightRadius?: number | undefined;
borderTopLeftRadius?: number | undefined;
borderTopRightRadius?: number | undefined;
debouncedPressTime?: number | undefined;
borderLeftBottomRadius?: number | undefined;
borderWidth?: number | undefined;
progressLoadingTime?: number | undefined;
extra?: any;
disabled?: boolean | undefined;
height?: number | undefined;
hitSlop?: number | import("react-native").Insets | null | undefined;
paddingHorizontal?: number | undefined;
paddingTop?: number | undefined;
progress?: boolean | undefined;
before?: import("react").ReactNode;
dangerouslySetPressableProps?: import("react-native").PressableProps | undefined;
after?: import("react").ReactNode;
paddingBottom?: number | undefined;
raiseLevel?: number | undefined;
springRelease?: boolean | undefined;
stretch?: boolean | undefined;
style?: any;
textFontFamily?: string | undefined;
textLineHeight?: number | undefined;
textSize?: number | undefined;
width?: number | null | undefined;
children?: import("react").ReactNode;
onPress?: ((callback?: (() => void) | undefined) => void) | undefined;
onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
onPressedIn?: (() => void) | undefined;
onPressedOut?: (() => void) | undefined;
onProgressStart?: (() => void) | undefined;
onProgressEnd?: (() => void) | undefined;
};
secondary: {
backgroundColor: string;
backgroundDarker: string;
backgroundProgress: string;
textColor: string;
activityColor?: string | undefined;
activeOpacity?: number | undefined;
animatedPlaceholder?: boolean | undefined;
backgroundActive?: string | undefined;
backgroundPlaceholder?: string | undefined;
backgroundShadow?: string | undefined;
borderColor?: string | undefined;
borderRadius?: number | undefined;
borderBottomLeftRadius?: number | undefined;
borderBottomRightRadius?: number | undefined;
borderTopLeftRadius?: number | undefined;
borderTopRightRadius?: number | undefined;
debouncedPressTime?: number | undefined;
borderLeftBottomRadius?: number | undefined;
borderWidth?: number | undefined;
progressLoadingTime?: number | undefined;
extra?: any;
disabled?: boolean | undefined;
height?: number | undefined;
hitSlop?: number | import("react-native").Insets | null | undefined;
paddingHorizontal?: number | undefined;
paddingTop?: number | undefined;
progress?: boolean | undefined;
before?: import("react").ReactNode;
dangerouslySetPressableProps?: import("react-native").PressableProps | undefined;
after?: import("react").ReactNode;
paddingBottom?: number | undefined;
raiseLevel?: number | undefined;
springRelease?: boolean | undefined;
stretch?: boolean | undefined;
style?: any;
textFontFamily?: string | undefined;
textLineHeight?: number | undefined;
textSize?: number | undefined;
width?: number | null | undefined;
children?: import("react").ReactNode;
onPress?: ((callback?: (() => void) | undefined) => void) | undefined;
onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
onPressedIn?: (() => void) | undefined;
onPressedOut?: (() => void) | undefined;
onProgressStart?: (() => void) | undefined;
onProgressEnd?: (() => void) | undefined;
};
anchor: {
backgroundColor: string;
backgroundDarker: string;
backgroundProgress: string;
textColor: string;
activityColor?: string | undefined;
activeOpacity?: number | undefined;
animatedPlaceholder?: boolean | undefined;
backgroundActive?: string | undefined;
backgroundPlaceholder?: string | undefined;
backgroundShadow?: string | undefined;
borderColor?: string | undefined;
borderRadius?: number | undefined;
borderBottomLeftRadius?: number | undefined;
borderBottomRightRadius?: number | undefined;
borderTopLeftRadius?: number | undefined;
borderTopRightRadius?: number | undefined;
debouncedPressTime?: number | undefined;
borderLeftBottomRadius?: number | undefined;
borderWidth?: number | undefined;
progressLoadingTime?: number | undefined;
extra?: any;
disabled?: boolean | undefined;
height?: number | undefined;
hitSlop?: number | import("react-native").Insets | null | undefined;
paddingHorizontal?: number | undefined;
paddingTop?: number | undefined;
progress?: boolean | undefined;
before?: import("react").ReactNode;
dangerouslySetPressableProps?: import("react-native").PressableProps | undefined;
after?: import("react").ReactNode;
paddingBottom?: number | undefined;
raiseLevel?: number | undefined;
springRelease?: boolean | undefined;
stretch?: boolean | undefined;
style?: any;
textFontFamily?: string | undefined;
textLineHeight?: number | undefined;
textSize?: number | undefined;
width?: number | null | undefined;
children?: import("react").ReactNode;
onPress?: ((callback?: (() => void) | undefined) => void) | undefined;
onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
onPressedIn?: (() => void) | undefined;
onPressedOut?: (() => void) | undefined;
onProgressStart?: (() => void) | undefined;
onProgressEnd?: (() => void) | undefined;
};
disabled: {
backgroundColor: string;
backgroundDarker: string;
textColor: string;
activityColor?: string | undefined;
activeOpacity?: number | undefined;
animatedPlaceholder?: boolean | undefined;
backgroundActive?: string | undefined;
backgroundPlaceholder?: string | undefined;
backgroundProgress?: string | undefined;
backgroundShadow?: string | undefined;
borderColor?: string | undefined;
borderRadius?: number | undefined;
borderBottomLeftRadius?: number | undefined;
borderBottomRightRadius?: number | undefined;
borderTopLeftRadius?: number | undefined;
borderTopRightRadius?: number | undefined;
debouncedPressTime?: number | undefined;
borderLeftBottomRadius?: number | undefined;
borderWidth?: number | undefined;
progressLoadingTime?: number | undefined;
extra?: any;
disabled?: boolean | undefined;
height?: number | undefined;
hitSlop?: number | import("react-native").Insets | null | undefined;
paddingHorizontal?: number | undefined;
paddingTop?: number | undefined;
progress?: boolean | undefined;
before?: import("react").ReactNode;
dangerouslySetPressableProps?: import("react-native").PressableProps | undefined;
after?: import("react").ReactNode;
paddingBottom?: number | undefined;
raiseLevel?: number | undefined;
springRelease?: boolean | undefined;
stretch?: boolean | undefined;
style?: any;
textFontFamily?: string | undefined;
textLineHeight?: number | undefined;
textSize?: number | undefined;
width?: number | null | undefined;
children?: import("react").ReactNode;
onPress?: ((callback?: (() => void) | undefined) => void) | undefined;
onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | null | undefined;
onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
onPressedIn?: (() => void) | undefined;
onPressedOut?: (() => void) | undefined;
onProgressStart?: (() => void) | undefined;
onProgressEnd?: (() => void) | undefined;
};
flat: {
backgroundColor: string;
backgroundDarker: string;
backgroundShadow: string;
raiseLevel: number;
borderRadius: number;
};
};
size: {
small: {
width: number;
height: number;
textSize: number;
};
medium: {
width: number;
height: number;
};
large: {
width: number;
height: number;
textSize: number;
};
};
};
export default _default;