@pivanov/use-toggle-visibility

A React hook to toggle the visibility of components.

Installation

You can install the package via npm:

``bash
npm install @pivanov/use-toggle-visibility
`

or via yarn:

`bash
yarn add @pivanov/use-toggle-visibility
`

Usage

$3

Here's an example of how to use the useToggleVisibility hook in your React component:

`tsx
import React from 'react';
import { useToggleVisibility } from '@pivanov/use-toggle-visibility';

const MyComponent = (props: { message: string }) => {
return

export default App;
`

$3

#### useToggleVisibility

`typescript
const [Component, toggleVisibility, isVisible] = useToggleVisibility(WrappedComponent, initialVisibility);
`

##### Parameters

- WrappedComponent: The component to be toggled.
- initialVisibility (optional): The initial visibility state of the component. Defaults to false.

##### Returns

- Component: The wrapped component that will be conditionally rendered.
- toggleVisibility: A function to toggle the visibility of the component. It can be called with an optional event and an optional boolean to explicitly set the visibility state.
- isVisible`: The current visibility state of the component.

$3

Contributions are welcome! Please open an issue or submit a pull request.

$3

This project is licensed under the MIT License.