2.0.1 • Published 1 year ago

react-native-collapsible-view-faq v2.0.1

Weekly downloads
-
License
ICS
Repository
github
Last release
1 year ago

This is the custom collabsible view for making the custom FAQ section or dropdown menu in your react native project. it supports both android and ios operating systems.

Installation

  1. Run: $ npm i --save react-native-collapsible-view-faq

Usage

Import the component:

import CollapsibleView from 'react-native-collapsible-view-faq';

      <CollapsibleView 
        title={'What is your name?'}
        description={'Rohit Barate'}
      />

Full Example

import React, { useRef, useState } from "react";
import { View } from "react-native";
import CollapsibleView from 'react-native-collapsible-view-faq';

const App = () => {

  return (
    <View style={flex:1}>
       <CollapsibleView 
        title={'What is your name?'}
        description={'Rohit Barate'}
      />
    </View>
  );
};

export default App;

Properties

Required props

PropType
titlestring
descriptionstring

Optional props

PropTypeDefault
containerBorderColorstring'#5F5F5F'
containerBorderTopWidthnumber1
containerPaddingTopnumber
containerPaddingBottomnumber
containerPaddingVerticalnumber5
containerWidthstring'90%'
containerMarginTopnumber
containerMarginBottomnumber
containerMarginVerticalnumber5
containerBackgroundColorstring'#FFFFFF'
titleWidthstring
titleBackgroundColorstring
titleFontSizenumber16
titleColorstring'#fff'
iconColorstring'#fff'
iconFontSizenumber16
descBackgroundColorstring
descWidthstring'100%'
descFontSizenumber14
descFontWeightstring'400'
descColorstring'#ffffff80'

Demo