Skip to content

This is a custom accordion basic with react-native-reanimated. My build versions: 1- react-native-reanimated: 2.14.4

Notifications You must be signed in to change notification settings

Yigithan10/react-native-accordion-only-reanimated

Repository files navigation

This is a custom accordion basic with react-native-reanimated. My build versions: 1- react-native-reanimated: 2.14.4

Installation

npm install react-native-accordion-only-reanimated

Doc

react-native-reanimated

Usage

  //Usage
  import AccordionBasic from "react-native-accordion-only-reanimated";

  <SafeAreaView style={{flex: 1}}>
    <AccordionBasic
      title={'Title'}
      text={'Text'}
      bgColor={'#DEE2E6'}
      padding={10}
      marginVertical={4}
      marginHorizontal={8}
      borderRadius={10}
      borderWidth={0.5}
      borderColor={'black'}
      titleTextSize={18}
      titleTextColor={'black'}
      contentTextSize={15}
      contentTextColor={'black'}
      iconSize={24}
    />
  </SafeAreaView>

API

prop type description default
title String Accordion title. "Please give title"
text String Accordion text. "Please give text"
bgColor String Accordion backgroundColor. "#DEE2E6"
padding Number Accordion padding. 10
marginVertical Number Accordion marginVertical. 4
marginHorizontal Number Accordion marginHorizontal. 8
borderRadius Number Accordion borderRadius. 10
borderWidth Number Accordion borderWidth. 0.5
borderColor String Accordion borderColor. "black"
titleTextSize Number Accordion titleTextSize. 18
titleTextColor String Accordion titleTextColor. "black"
contentTextSize Number Accordion contentTextSize. 15
contentTextColor String Accordion contentTextColor. "black"
iconSize Number Accordion iconSize. 24

About

This is a custom accordion basic with react-native-reanimated. My build versions: 1- react-native-reanimated: 2.14.4

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published