1.0.2 • Published 3 years ago
react-native-duolingo-button v1.0.2
Duolingo Button
| Props | Required | Default Value |
|---|---|---|
| outerContainerStyle object | No | borderRadius: 8 |
| innerContainerStyle object | No | padidngHorizontal: 12, paddingVertical: 24 |
| title string | Yes | Duolingo Button |
| textStyle object | No | fontSize: 24, color: "black" |
| primaryColor string | No | #F7BE1F |
| shadowColor string | No | #BF8E00 |
| shadowDepth number | No | 5 |
| loaderColor string | No | #000000 |
| loaderSize number | No | 24 |
| isLoading boolean | No | false |
| onPress function | Yes |
Install
npm install react-native-duolingo-button
or
yarn install react-native-duolingo-buttonUsage
import DuolingoButton from "react-native-duolingo-button";
const Button = () => {
const onPress = () => {
/*Write your code here*/
};
return (
<DuolingoButton
onPress={onPress}
textStyle={styles.textStyle}
title={"Duolingo Button"}
/>
);
};