Animated Collapsible Invoice In React Native

A simple React Native component to help create animated collapsible invoices in your app. Perfect for the E-commerce applications to show the list of bills or invoices in the user orders section.

How to use it:

1. Install and import the component.

# NPM
$ npm i react-native-collapsible-invoice
import AnimatedInvoice from 'react-native-collapsible-invoice';

2. Basic usage.

<AnimatedInvoice
  triangleNumbers={'10'}
  triangleHeight={20}
  barStyle={{ backgroundColor: '#ff0000', }}
  triangleStyle={{ backgroundColor: '#fff' }}
  iconColor={'black'}
  barComponent={ <Your Component/> }
>
</AnimatedInvoice>

Preview:

Animated Collapsible Invoice In React Native

Download Details:

Author: avaiyakapil

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/avaiyakapil/react-native-collapsible-invoice

License: MIT

Add Comment