@jazebjaved/accordion

1.0.4 • Public • Published

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.

Package Sidebar

Install

npm i @jazebjaved/accordion

Weekly Downloads

0

Version

1.0.4

License

MIT

Unpacked Size

7.58 kB

Total Files

6

Last publish

Collaborators

  • jazebjaved