open-index/open-npm huggingface dataset:
npm package: @hhgtech/hooks
Description: Hello Health Group's Custom Hooks for React.
Latest version: 0.0.25

# @hhgtech/hooks

Hello Health Group's Custom Hooks for React.

## Installation

You can install this plugin using npm or yarn:

```bash
npm install @hhgtech/hooks
```

or

```bash
yarn add @hhgtech/hooks
```

## Hooks

### `useAppHeight`

This hook set app height to css variable `--app-height`

**Usage:**

```JSX
import { useAppHeight } from '@hhgtech/hooks';

const App = () => {
  const appHeight = useAppHeight();

  return (
    <div style={{ height: 'var(--app-height, 100vh)' }}>
      {/* ... */}
    </div>
  );
};
```

### `useDragScroll`

A hook that enables horizontal scrolling of a container element by dragging with the mouse.

**Returns:**

An object containing the following properties:

- `sliding`: A boolean indicating whether the user is currently dragging the container.
- `mouseDownHandler`: A function to be attached to the `onMouseDown` event of the container element.
- `sliderRef`: A ref to the container element.
- `pos`: A ref to an object containing the initial position of the mouse and the container when click on container.

**Usage:**

```JSX
  const { sliding, mouseDownHandler, sliderRef } = useDragScroll();
  return (
    <div ref={sliderRef} onMouseDown={mouseDownHandler}>
      {sliding ? 'Dragging...' : 'Not dragging.'}
    </div>
  );
```

### `useIsMobile`

A hook that returns a boolean indicating whether the current device is mobile or not.

**Parameters:**

isMobileSsr - A boolean indicating whether the device is mobile on server-side rendering.

**Returns:**

A boolean indicating whether the current device is mobile or not.

**Usage:**

```JSX
const isMobile = useGetIsMobile(false);
console.log(isMobile); // false
```

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
npm package: @hhgtech/icons
Description: Hello Health Group's React Icons library. Modular build and mark sideEffects: false so you can tree shake the icons you need.
Latest version: 0.0.68

# @hhgtech/icons

Hello Health Group's React Icons library. Modular build and mark sideEffects: false so you can tree shake the icons you need.

## Preview

Storybook is available at [https://main--6662762aeb6f9796900506bf.chromatic.com/](https://main--6662762aeb6f9796900506bf.chromatic.com/)

## Installation

You can install this plugin using npm or yarn:

```bash
npm install @hhgtech/icons
```

or

```bash
yarn add @hhgtech/icons
```

## Usage

import from the sub package you want to use, for example:

```JSX
  import { Drag } from '@hhgtech/icons/core';
  ...
  return (
    <div>
      {...}
      <Drag />
      {...}
    </div>
  );
```