react-native-reusable-ui

react native reusable ui

Installation

npm install react-native-reusable-ui

yarn add react-native-reusable-ui

Usage

import {
  CustomButtonX,
  SkeletonLoaderX,
  AutocompleteTextInputX,
  StepperX
} from 'react-native-reusable-ui';

// ...

<CustomButtonX
        title="Click Me"
        onPress={() => Alert.alert('Button Pressed!')}
        style={{ backgroundColor: 'green' }}
        textStyle={{ fontSize: 18, color: 'white' }}
        icon={<Text style={{ marginRight: 8 }}>🔥</Text>} // Optional Icon
        size="small"
      />

       <SkeletonLoaderX
        width="100%"
        height={200}
        borderRadius={10}
        animationStyle="wave"
      />

      <AutocompleteTextInputX
        suggestions={suggestions}
        onSelect={handleSelect}
        displayMode="dropdown"
      />
      <AutocompleteTextInputX
        suggestions={suggestions}
        onSelect={handleSelect}
        displayMode="modal"
      />
       <StepperX
        steps={[
          { label: 'Step 1', content: <Text>Step 1 Content</Text> },
          { label: 'Step 2', content: <Text>Step 2 Content</Text> },
          { label: 'Step 3', content: <Text>Step 3 Content</Text> },
        ]}
        orientation="horizontal" // Change to 'horizontal' for a horizontal layout
        onComplete={() => console.log('yes completed')}
      />

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Issues

please try this and if you need any reusable components need to be added please raise in issues.

---

Made with create-react-native-library