open-index/open-npm huggingface dataset:
npm package: @sheninthjr/form
Description: A simple and customizable form component for React that reduces stress and handles email, username, and password input fields, as well as the onSubmit event.
Latest version: 1.1.2

# Forms

A simple and customizable form component for React that reduces stress and handles email, username, and password input fields, as well as the onSubmit event.

### Installation

To install Forms, run the following command in your terminal:

```bash
npm install @sheninthjr/form
```

or

```bash
yarn add @sheninthjr/form
```

### Usage

To use Forms in your project, import the component and use it in your JSX code like this:

```jsx
import { Forms } from "@sheninthjr/form";

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

const App = () => {
  return (
    <Forms
      onSubmit={onSubmit}
      username="username"
      password="password"
      email="email@example.com"
    />
  );
};
```

### Props

Forms supports the following props:

`onSubmit`: A function that is called when the form is submitted. It receives an object containing the values of the email, username, and password fields.
`username`: The initial value of the username field.
`password`: The initial value of the password field.
`email`: The initial value of the email field.

### Customization

Forms is built using the [Radix UI library](https://www.radix-ui.com/), which provides a wide range of customizable and accessible UI components. To customize Forms, you can override the default styles of the Radix UI components used in the Forms component.

For example, to change the background color of the form, you can use the className prop to apply a custom CSS class:

```jsx
import { Forms } from "@sheninthjr/form";

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

const App = () => {
  return (
    <Forms
      onSubmit={onSubmit}
      username="username"
      password="password"
      email="email@example.com"
      className="bg-gray-200"
    />
  );
};
```

### Contributing

Contributions to Forms are welcome! To contribute, please follow these steps:

Fork this repository.
Create a new branch for your changes.
Make your changes and commit them to your branch.
Push your changes to your forked repository.
Open a pull request against the main branch of this repository.

### License

Forms is open-source software licensed under the MIT License.

I hope this helps! Let me know if you have any further questions.
npm package: @shenjian/zc-ui
Description: ## Project setup ``` yarn install ```
Latest version: 0.1.1

# zc-ui

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @shenjipo/mention-vue2
Description: This template should help get you started developing with Vue 3 in Vite.
Latest version: 2.8.0

# demo-vue2

This template should help get you started developing with Vue 3 in Vite.

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Type Support for `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.

If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:

1. Disable the built-in TypeScript Extension
    1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette
    2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.

## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).

## Project Setup

```sh
pnpm install
```

### Compile and Hot-Reload for Development

```sh
pnpm dev
```

### Type-Check, Compile and Minify for Production

```sh
pnpm build
```
npm package: @shenjipo/mention-vue3
Description: This template should help get you started developing with Vue 3 in Vite.
Latest version: 2.8.0

# mention-vue3

This template should help get you started developing with Vue 3 in Vite.

## Recommended IDE Setup

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Type Support for `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.

If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:

1. Disable the built-in TypeScript Extension
    1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette
    2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.

## Customize configuration

See [Vite Configuration Reference](https://vitejs.dev/config/).

## Project Setup

```sh
pnpm install
```

### Compile and Hot-Reload for Development

```sh
pnpm dev
```

### Type-Check, Compile and Minify for Production

```sh
pnpm build
```