-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #6 from codesyntax/develop
docs
- Loading branch information
Showing
1 changed file
with
50 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,50 @@ | ||
# ionic-react-utils | ||
|
||
A suite of components and utilities for Ionic Framework with React. | ||
|
||
## Installation | ||
|
||
To install the package, use npm or yarn: | ||
|
||
```bash | ||
npm install @codesyntax/ionic-react-utils | ||
``` | ||
|
||
or | ||
|
||
```bash | ||
yarn add @codesyntax/ionic-react-utils | ||
``` | ||
|
||
## Usage | ||
|
||
Import the desired component or utility in your React project: | ||
|
||
```jsx | ||
import { SomeIonicReactUtility } from '@codesyntax/ionic-react-utils'; | ||
|
||
function App() { | ||
return ( | ||
<div> | ||
<SomeIonicReactUtility /> | ||
</div> | ||
); | ||
} | ||
``` | ||
|
||
## Available Components and Utilities | ||
|
||
- **IonPasswordInput**: IonInput component for passwords with the option to show or hide the text. | ||
- **InnerHTML**: Render any string or URL content in HTML format. | ||
- **useIonHeaderCollapse**: Collapse the header when scrolling the content to get more space on the screen. | ||
- **useIonHeaderParallax**: Get an integrated parallax effect with the IonHeader component. | ||
- **usePinchToZoom**: Zoom in on images using the pinch-to-zoom. | ||
|
||
|
||
## Contributing | ||
|
||
To contribute, fork the repository and create a pull request. | ||
|
||
## License | ||
|
||
This project is licensed under the MIT License. |