UNPKG

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
/// <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;