open-index/open-npm huggingface dataset:
npm package: @r3dm4st3r/react-hook-form
Description: A comprehensive collection of React hook form elements thoughtfully designed with Mantine UI components, seamlessly integrated through a context provider for an enhanced development experience.
Author: r3dm4st3r
Latest version: 1.0.22

## Usage
    npm install @r3dm4st3r/react-hook-form

### Quickstart Guide

```jsx
import { Button } from '@mantine/core';
import { FormProvider, useForm } from 'react-hook-form';

import { Input, PasswordInput } from '@r3dm4st3r/react-hook-form';

function App() {

    const methods = useForm({
        mode: 'onBlur',
        defaultValues: {
            username: '',
            password: '',
        }
    });

    const handleFormSubmit = (values) => {
        console.log({values});
    };

    return (
        <FormProvider {...methods}>
            <form onSubmit={methods.handleSubmit(handleFormSubmit)}>
                <Input name="username" label="Username" props={{size: 'lg'}} />
                <PasswordInput name="password" label="PasswordInput" props={{size: 'lg'}} />
                <Button type="submit" size="lg">Submit</Button>
            </form>
        </FormProvider>
    );
}
```

### Components [ [View All](src%2Felements) ]

- Input
- Password
- Switch
- Select
- Radio
- Textarea
- Checkbox
- Chip
- ChipGroup
- ColorPicker
- ColorInput

And many more is about to add...

> This Package has been made to quick start with react-hook-forms using Mantine UI. If you find this useful, star the repo, If you find any issue or have some feedback or suggestion, reach me out.

## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
npm package: @r3dnag/febuild
Description: Frontend build system - config generator
Author: Fabian Gander
Latest version: 1.1.1

# FEBuild - config generator

[![version](https://img.shields.io/npm/v/@r3dnag/febuild.svg)](https://www.npmjs.com/package/@r3dnag/febuild)
![](https://travis-ci.com/Cyclodex/febuild-config.svg?token=Ha7F33eCMXLRhvTHQ6Yg&branch=master)
<!-- ![issues](https://img.shields.io/github/issues/Cyclodex/febuild-config.svg) -->

The config generation part of the [Webpack](https://github.com/webpack/webpack) based Frontend Build

## Getting Started

This is part of the Frontend Build, and responsible for generating configs.
They serve as a way to go, for custom install you better create your own config!

## Authors

* <fabian.gander@garaio.com> - *Initial work* - [Fabian Gander @github](https://github.com/Cyclodex)


### Test frontend toolchain itself

npm test
npm test:coverage

## Installing

npm install this package.
Use it as shown in the webpack.config.js example.

or

use the Garaio Frontend Build, which uses these config helpers.

### Thanks to
- [Garaio AG](https://www.garaio.com)
npm package: @r3dnag/tiny
Description: Removes all spaces from a string
Latest version: 2.0.0

# @r3dnag/tiny
Tiny npm module

[![version](https://img.shields.io/npm/v/@r3dnag/tiny.svg)](https://www.npmjs.com/package/@r3dnag/tiny)
![](https://img.shields.io/github/issues/Cyclodex/tiny.svg)
[![npm bundle size (minified)](https://img.shields.io/bundlephobia/min/@r3dnag/tiny.svg)](https://www.npmjs.com/package/@r3dnag/tiny)

Removes all spaces from a string.

## Install

```
$ npm install @r3dnag/tiny
```

## Usage

```js
const tiny = require("@r3dnag/tiny");

tiny("So much space!");
//=> "Somuchspace!"

tiny(1337);
//=> Uncaught TypeError: Tiny wants a string!
//    at tiny (<anonymous>:2:41)
//    at <anonymous>:1:1
```