accordion-npm-package

React Native Accordion Component

Installation

npm install @jazebjaved/accordion or yarn add @jazebjaved/accordion

Install the following dependency if not already installed.

Dependencies

react-native-svg

npm install react-native-svg or yarn add react-native-svg

Usage

import Accordion from '@jazebjaved/accordion'

Template with types

<Accordion title={<string>} content={<ReactNode>}/>

Example

<Accordion title="Title" content={<View><Text>Content</Text></View>}/>

Props

| Prop | Type | Description | Required | Default Value | | --------------- | --------- | --------------------------------- | -------- | ------------- | | title | string | Title of the accordion | ✔ | - | | content | ReactNode | Content of the accordion | ✔ | - | | px | number | Padding on x-axis | ❌ | 10 | | py | number | Padding on y-axis | ❌ | 6 | | bgC | string | Background color of the accordion | ❌ | #eee | | borderRadius | number | Border radius of the accordion | ❌ | 6 | | gap | number | Gap between title and content | ❌ | 10 | | titleColor | string | Color of the title | ❌ | #000 | | titleFontSize | number | Font size of the title | ❌ | 16 | | titleFontWeight | string | Font weight of the title | ❌ | 600 | | contentBgC | string | Background color of the content | ❌ | #fff | | contentPx | number | Padding on x-axis of the content | ❌ | 10 | | contentPy | number | Padding on y-axis of the content | ❌ | 6 |

Example

import React from 'react';
import {View, Text} from 'react-native';
import Accordion from '@jazebjaved/accordion';

const App = () => {
  return (
    <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
      <Accordion
        title="Title"
        content={
          <View>
            <Text>Content</Text>
          </View>
        }
      />
    </View>
  );
};

export default App;

Versions

version 1.0.4 (current)

New : custom styling for accordion title and content.

version 1.0.3

Updated deafult styling of accordion.

version 1.0.2

Updated Readme.md

version 1.0.1

Added basic accordion functionality.

version 1.0.0

Initial release of accordion package.