https://github.com/danielmejiadev/react-native-components-kit
A set of easy and highly customizable React Native components
https://github.com/danielmejiadev/react-native-components-kit
component-library react react-components react-native reactjs reactnative utility-library
Last synced: 9 days ago
JSON representation
A set of easy and highly customizable React Native components
- Host: GitHub
- URL: https://github.com/danielmejiadev/react-native-components-kit
- Owner: danielmejiadev
- License: mit
- Created: 2020-04-16T16:29:31.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T03:35:10.000Z (over 3 years ago)
- Last Synced: 2024-11-01T16:04:04.453Z (over 1 year ago)
- Topics: component-library, react, react-components, react-native, reactjs, reactnative, utility-library
- Language: TypeScript
- Size: 2.34 MB
- Stars: 3
- Watchers: 4
- Forks: 2
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-native-components-kit
[NPM Package](https://www.npmjs.com/package/react-native-components-kit)
A set of easy and highly customizable React Native components
## Getting started
- `yarn add react-native-components-kit`
- `npm install react-native-components-kit`
# Components
## SummaryItems
It allows you to create a highly customizable and dynamic summary of items.
### Usage
`import { SummaryItems } from 'react-native-components-kit';`
```tsx
```
## StepperContainer
It allows you to create a container wrapper for a stepper with the whole logic.
### Usage
`import { StepperContainer, useStepper } from 'react-native-components-kit';`
```tsx
function MyComponent() {
const { goToNext, goToPrevious, goTo } = useStepper();
return ;
}
function MyStepper() {
const steps = [
{
key: 'firstStep',
component: ({ goToNext, goToPrevious, goTo, ...stepProps }) => MyComponent,
},
{
key: 'secondStep',
component: ({ goToNext, goToPrevious, goTo, ...stepProps }) => MyComponent,
}
];
return (
console.log('go to back pressed on the first step')}
onSubmit={() => console.log('go to next pressed on the last step')}
steps={steps}
{...stepProps}
/>
);
}
```
### License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.