open-index/open-npm huggingface dataset:
npm package: @milkscout/material-ui
Description: This package contains common components for https://material-ui.com/.
Author: Michael Mannseicher
Latest version: 1.0.10

## MilkScout - react - material-ui

This package contains common components for https://material-ui.com/.


<img src="https://assets.milkscout.eu/logo/logo.svg" width="300px" />

**MilkScout** want to give something back to the **community**.

usage `npm install @milkscout/material-ui` or `yarn add @milkscout/material-ui`

peer dependency => react, material-ui

<a href="https://milkscout.github.io/material-ui/" target="_blank">Demo</a>

###NumberField
An Field that composite an textfield https://material-ui.com/components/text-fields/#text-field.

The input type is forced to type="text", there will be a chrome like replacement for arrows.


Hints
   - no negative numbers supported, because smartphone numbers dont have an minus
   - does not contain validation 

Events are overridden:

    onChange: (value: number | undefined) => void;
    onFocus: (value: number | undefined) => void;
    onBlur: (value: number | undefined) => void;
    onKeyPress: (value: number | undefined) => void;
    onKeyUp: (value: number | undefined) => void;
    onKeyDown: (value: number | undefined) => void;

Additional attributes:
<table>
<tr>
    <td style="font-weight: bold">Attribute</td>
    <td style="font-weight: bold">Type</td>
    <td style="font-weight: bold">Required</td>
    <td style="font-weight: bold">Default</td>
    <td style="font-weight: bold">Description</td>
</tr>
<tr>
    <td>value</td>
    <td>number</td>
    <td>optional</td>
    <td>undefined</td>
    <td>The displayed number, maybe currency</td>
</tr>
<tr>
    <td>decimalPlaces</td>
    <td>number</td>
    <td>optional</td>
    <td>2</td>
    <td>The amount of decimal digits</td>
</tr>
<tr>
    <td>decimalCharacter</td>
    <td>string</td>
    <td>optional</td>
    <td>'.'</td>
    <td>The decimal divider</td>
</tr>
<tr>
    <td>thousandCharacter</td>
    <td>string</td>
    <td>optional</td>
    <td>','</td>
    <td>The thousand group character, can also be empty</td>
</tr>
<tr>
    <td>showArrow</td>
    <td>boolean</td>
    <td>optional</td>
    <td>false</td>
    <td>Show on desktop, always the arrows, not shown on mobile</td>
</tr>
<tr>
    <td>min</td>
    <td>number</td>
    <td>optional</td>
    <td>undefined</td>
    <td>Add the minimum for stepper, if minimum > 0, no negative numbers possible</td>
</tr>
<tr>
    <td>max</td>
    <td>number</td>
    <td>optional</td>
    <td>undefined</td>
    <td>Add the minimum for stepper</td>
</tr>
<tr>
    <td>step</td>
    <td>number</td>
    <td>optional</td>
    <td>1</td>
    <td>The step size if you click on the arrow or use the keyboard</td>
</tr>
</table>
npm package: @milkscout/react
Description: This package contains common components for react.
Author: Michael Mannseicher
Latest version: 1.0.35

## MilkScout - react

This package contains common components for react.


<img src="https://assets.milkscout.eu/logo/logo.svg" width="300px" />

**MilkScout** want to give something back to the **community**.
npm package: @milkshake/milkshake
Description: Customizable and editable toolkit for developing sweet applications.
Author: MilkshakeJS Team
Latest version: 1.0.85

# Milkshake
## Installation
### Step 1
Go to `node_modules/@milkshake/milkshake/bin` and take the latest binary from `bin`, it should look like this: `binary-x.x.x`.  Now move it to your project's root folder and unzip it there.

### Step 2
Now run any command listed here to publish your application with ease.

```javascript
"publish",
"publish-test",
"publish-testing",
"publish-text",
"publish-work",
"publish-all-work";
```
npm package: @milkshakeswap/milk-uikit
Description: Set of UI components for pancake projects
Latest version: 1.1.4

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @milkt/atom-eslint-config
Description: Now I’m the model of a modern major general / The venerated Virginian veteran whose men are all / Lining up, to put me up on a pedestal / Writin’ letters to relatives / Embellishin’ my elegance and eloquence / But the elephant is in the room / The truth i
Author: chris
Latest version: 1.0.3

# `atom-eslint-config`

> TODO: description

## Usage

```
const atomEslintConfig = require('atom-eslint-config');

// TODO: DEMONSTRATE API
```
npm package: @milkt/atom-icons
Description: Now I’m the model of a modern major general / The venerated Virginian veteran whose men are all / Lining up, to put me up on a pedestal / Writin’ letters to relatives / Embellishin’ my elegance and eloquence / But the elephant is in the room / The truth i
Author: chris
Latest version: 1.0.3

# `atom-icons`

> TODO: description

## Usage

```
const atomIcons = require('atom-icons');

// TODO: DEMONSTRATE API
```
npm package: @milkt/atom-stylelint-config
Description: Now I’m the model of a modern major general / The venerated Virginian veteran whose men are all / Lining up, to put me up on a pedestal / Writin’ letters to relatives / Embellishin’ my elegance and eloquence / But the elephant is in the room / The truth i
Author: chris
Latest version: 1.0.3

# `atom-stylelint-config`

> TODO: description

## Usage

```
const atomStylelintConfig = require('atom-stylelint-config');

// TODO: DEMONSTRATE API
```
npm package: @milkt/rainbow
Description: 1. [npm官网](https://www.npmjs.com/) 注册自己的账户,或者从bash里注册 ```bash npm adduser Username: your name Password: your password Email: yourmail ``` 可以通过以下命令查看npm当前使用的用户 ```bash npm whoami ```
Latest version: 1.0.7

# rainbow

## npmjs.org官方库上传步骤

1. [npm官网](https://www.npmjs.com/) 注册自己的账户,或者从bash里注册
```bash
npm adduser
Username: your name
Password: your password
Email: yourmail
```
可以通过以下命令查看npm当前使用的用户
```bash
npm whoami
```

2.登录
```bash
npm login
Username: your name
Password: your password
```
3. 发布到npm
```bash
npm publish
```
4. 更新到npm,每次更新需要更改版本号
```bash
packname: ^1.1.10
```
5. 卸载一个模块
```bash
npm uninstall
```
6. 撤销一个发布(慎重！)
```bash
npm unpublish packname@version

npm unpublish packname@version
```
版本撤销之后只是不会显示了，但是还是能下载到
npm package: @milkybytes/image-dropzone
Description: Reusable React image dropzone and carousel components with CSS variable theming
Latest version: 0.1.5

# @milkybytes/image-dropzone

[![CI](https://github.com/milkybytes/image-dropzone/actions/workflows/main.yml/badge.svg)](https://github.com/milkybytes/image-dropzone/actions/workflows/main.yml)
[![npm](https://img.shields.io/npm/v/@milkybytes/image-dropzone)](https://www.npmjs.com/package/@milkybytes/image-dropzone)
[![license](https://img.shields.io/github/license/milkybytes/image-dropzone)](./LICENSE)

A React component library for drag-and-drop image upload with pan, zoom, and multi-slot carousels. Fully themeable via CSS custom properties — no Tailwind or other framework required.

**[Live Demo + Reference Examples →](https://milkybytes.github.io/image-dropzone/)**

## Installation

```bash
npm install @milkybytes/image-dropzone
# or
yarn add @milkybytes/image-dropzone
# or
pnpm add @milkybytes/image-dropzone
```

Import the stylesheet once in your app's entry file (e.g. `main.tsx`):

```ts
import '@milkybytes/image-dropzone/style.css';
```

## Usage

```tsx
import { ImageDropzone } from '@milkybytes/image-dropzone';

function App() {
  const [image, setImage] = useState<string>();

  return (
    <ImageDropzone
      width={350}
      height={570}
      imageSrc={image}
      onImageUpload={(src) => setImage(src ?? undefined)}
    />
  );
}
```

Requires React 17+.

## License

MIT
npm package: @milkybytes/warframe-ui
Description: Warframe-themed React UI components with CSS variable theming
Latest version: 0.2.1

# warframe-ui

[![Deploy Demo](https://github.com/milkybytes/warframe-ui/actions/workflows/main.yml/badge.svg)](https://github.com/milkybytes/warframe-ui/actions/workflows/main.yml)
[![npm](https://img.shields.io/npm/v/@milkybytes/warframe-ui)](https://www.npmjs.com/package/@milkybytes/warframe-ui)
[![license](https://img.shields.io/github/license/milkybytes/warframe-ui)](./LICENSE)

Warframe-themed React UI component library.

**[Live Demo and Examples](https://milkybytes.github.io/warframe-ui/)**

## Installation

```bash
npm install @milkybytes/warframe-ui
# or
yarn add @milkybytes/warframe-ui
# or
pnpm add @milkybytes/warframe-ui
```

## About

These are some components I've designed for a (unreleased at this time) personal project. They're meant to resemble the Warframe in-game UI as closely as possible. I've pulled them out of that project and decided to make the work I've done on them public.

## Contributing

Any desire to contribute is much appreciated. There's certainly a lot that could be added / improved, and my attention has been divided among a number of things. I will likely open issues on what I think should be changed / improved, so feel free to see the Issues tab or open one yourself.